body { 
    margin: 0; overflow: hidden; background: black; 
}

canvas { 
    display: block; position: absolute; width: 100vw; height: 100vh; 
}

h1 {
    font-size: 3rem;
    color: white;
    display: block;
    z-index: 100;
    margin: auto;
    width: 100%;
    height: 100%;
    text-align: center;
    margin-top: 10%;
}

#score {
    font-size: 11rem;
    color: lightgrey;
    position: absolute;
    width: 100%;
    z-index: 0;
    margin: auto;
    text-align: center;
    top: -60px;
    display: none;
    margin-top: 5%;
}

#start-game-button:hover {
    cursor: pointer;
}

.press-start-2p-regular {
  font-family: "Press Start 2P", serif;
  font-weight: 400;
  font-style: normal;
}

/*phones; landscape and portrait*/
@media (max-width: 900px) {
    #score {
        font-size: 4.5rem;
        margin-top: 7rem;
    }
}