master.css

body,
html {
    padding: 0;
    margin: 0;
    height: 100%;
    font-family: 'Press Start 2P', monospace;
}

body {
    background: hsl(0, 0%, 80%);
    transition: background-color .6s;
}

a {
    cursor: pointer;
    color: #5271B2;
}

#canvas,
#canvasBg,
#canvasFg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#gameover,
#score,
#splash,
#topscore,
#lvlup {
    position: absolute;
    width: 100%;
    text-align: center;
    color: white;
}

#gameover,
#lvlup {
    top: 30vh;
    display: none;
    font-size: 8vmin;
    line-height: 8vmin;
    text-shadow: 0px 1px 0px black,
                 0px 2px 0px black, 0px 3px 0px black,
                 0px 4px 0px rgba(0, 0, 0, 0.5),
                 0px 5px 0px rgba(0, 0, 0, 0.5),
                 0px 6px 0px rgba(0, 0, 0, 0.5);
}

#lvlup.show {
    display: block;
}

#score {
    top: 5vh;
    font-size: 3vmin;
    text-shadow: 0px 1px 0px black,
                 0px 2px 0px rgba(0, 0, 0, 0.5),
                 0px 3px 0px rgba(0, 0, 0, 0.5);
}

#topscore {
    top: 2vh;
    font-size: 2vmin;
    text-shadow: 0px 1px 0px black,
                 0px 2px 0px rgba(0, 0, 0, 0.5),
                 0px 3px 0px rgba(0, 0, 0, 0.5);
}

#splash {
    top: 40vh;
    font-size: 2vmin;
    line-height: 4vh;
    text-shadow: 0px 1px 0px black,
                 0px 2px 0px black,
                 0px 3px 0px black;
}

#splash h2 {
    font-size: 4vmin;
}

#twitter,
#retry,
#trynew,
#highscores {
    display: block;
    color: white;
    text-decoration: none;
    font-size: 3vmin;
    text-shadow: 0px 1px 0px black,
        0px 2px 0px black;
    margin-top: 3vmin;
    margin-left: 3vmin;
    margin-right: 3vmin;
    line-height: 3vmin;
    padding: 2vmin;
    background-color: rgba(255, 255, 255, 0.3);
}

#trackscores {
    margin-left: auto;
    margin-right: auto;
    margin-top: 10vh;
    color: white;
}
#highscoresShow {
    display: none;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: auto;
    padding: 40px;
    background-color: rgba(0, 0, 0, 0.6);
}

#highscoresShow td {
    padding: 1vmin 2vmin;
    font-size: 3vmin;
    text-shadow: 0px 1px 0px black,
        0px 2px 0px black;
}
#highscoresShow td.external {
    color: rgba(255,255,255,0.4);
    text-shadow: none;
}

#highscoresShow img {
    height: 48px;
    width: 48px;
    border-radius: 5px;
    border: solid 2px black;
    margin-right: 10px;
}