.particles {
    background: rgba(102, 51, 153, 0.1);
    // background: url('../res/seigaiha.svg');
    // background-size: 100px 50px;
    // border-radius: 50px;
    box-shadow: 2px 2px 0 #aaa;
    height: 600px;
    margin: 10px auto;
    position: relative;
    width: 600px;
}

.palette {
    background: url('../res/palette.svg');
    background-size: 167px 100px;
    height: 100px;
    position: absolute;
    width: 167px;
}

.highlight {
    $h: 30px;
    animation: pulse 0.5s 1;
    border-radius: $h / 2;
    position: absolute;
}

@keyframes pulse {
    $h: 30px;

    from {
        border: 4px solid lightgreen;
        height: $h;
        margin: (-1 * $h / 2) 0 0 (-1 * $h / 2);
        width: $h;
    }

    to {
        height: 0px;
        margin: 0;
        width: 0px;
    }
}