body { margin:0; background:#000; color:#fff; font-family:sans-serif; }
  #gameCanvas { display:block; margin:auto; background:#111; }
  #score { text-align:center; font-size:24px; margin-top:10px; }

  :root {
    --lightness: 50%;
    --code-background: #ddd;
}


/* -------------------------- Weird Footer ----------------------*/
footer {
        /* position: absolute; */
        bottom:0;
        background: #FFF;
        text-align: center;
        clear: both;
        display: block;
        padding:10px;
        border: 2px dashed red;
        z-index: 20;
    }
footer a:hover {
    display: inline-block;
    animation: 0.2s infinite alternate linear wiggle;

    background: linear-gradient(in hsl longer hue 45deg, hsl(0deg, 75%, var(--lightness)) 10%, hsl(0deg, 75%, var(--lightness)) 90%);
    background-clip: text;
    color: transparent;
}
    @keyframes wiggle {
        from {
            transform: skewX(-8deg);
        }
        to {
            transform: skewX(8deg);
        }
    }