.pi{
    line-height: calc(1em + 2ch);
    margin: 0.5em 0;

    b{
        font-size: 0.95em;
    }
}

.pi::before{
    height: 2em;
    width: 2em;
    margin-right: 1ch;
    display: inline-block;
    transform: translateY(1ch);
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.pi:nth-of-type(4n + 1)::before{
    background-image: url("./img/avi/yellowbutterfly.png");
}

.pi:nth-of-type(4n + 2)::before{
    background-image: url("./img/avi/horsemackerel.png");
}

.pi:nth-of-type(4n + 3)::before{
    background-image: url("./img/avi/sapling.png");
}

.pi:nth-of-type(4n)::before{
    background-image: url("./img/avi/redsnapper.png");
}