html { height: 100% } /* gradient fix? */
body {
    background: -webkit-linear-gradient(to bottom right, #AAA0EC, #6AC8EF);
    background: -o-linear-gradient(to bottom right, #AAA0EC, #6AC8EF);
    background: -moz-linear-gradient(to bottom right, #AAA0EC, #6AC8EF);
    background: linear-gradient(to bottom right, #AAA0EC, #6AC8EF);
}

.rockhead {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    text-align: center;
    transform: translateY(-50%);
    font-family: sans-serif;
    font-style: italic;
    font-weight: 600;
    font-size: 8vh;
    cursor: pointer;
    height: 15vh;
}

.afmlogo {
    width: 15vh;
    height: 15vh;
    position: absolute;
    transform: translateX(-50%);
}

.links {
    color: black;
    filter: drop-shadow(0.3vh 0.3vh 0 #D30069);
    position: absolute;
}

#ltl { bottom: 60%; right: 60%; }
#ltr { bottom: 60%; left: 60%; }
#lbl { top: 40%; right: 60%; }
#lbr { top: 40%; left: 60%; }