body {
    background-color: #444444;
    color: #cccccc;
    font-family: sans-serif;
}

.pos {
    pointer-events: none;
    position: absolute; 
    top: 0px;
    left: 0px;
}

a {
    color: salmon;
}

.beat-light {
    width:20px;
    height:20px;
    display: inline-block;
    border: solid 5px #440000;
    border-radius:10px;
    background-color: #880000;

}

.beat-0 { animation-name: flash-on-0; animation-duration: 0.2s; }
.beat-1 { animation-name: flash-on-1; animation-duration: 0.2s; }

@keyframes flash-on-0 {
    from { border-color: #ffaa00; background-color: #ffff00; }
    to   { border-color: #440000; background-color: #880000; }
}

@keyframes flash-on-1 {
    from { border-color: #ffaa00; background-color: #ffff00; }
    to   { border-color: #440000; background-color: #880000; }
}