body {
    margin: 0;
    height: 100vh;
    background-color: yellow;
    -webkit-font-smoothing: antialiased;
}


canvas {
    display: block;
}

.absolute{
    position: absolute;
}

.text-white{
    color: white;
}

.text-black{
    color: black;
}

.text-center{
    text-align: center;
}

.absolute-text-center{
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%

}

.score-position{
    top: 80%;
    transform: translate(-50%, -50%);
    left: 50%
}

.button-position{
    top: 73%;
    transform: translate(-50%, -50%);
    left: 50%
}

.button{
    border: none;
    padding: 5px 10px;
    border-radius: 5%;
    background-color:whitesmoke
	 cursor: pointer;
}

.score-font{
    font-family:'Segoe UI', sans-serif;
    font-size: 50px;
}

.gameover-font{
    font-family:'Segoe UI', sans-serif;
    font-size: 100px;
}

.hidden{
    visibility: hidden;
}

.secret-continue{
    top: 90%;
    transform: translate(-50%, -50%);
    left: 90%;
    font-family:'Segoe UI', sans-serif;
    font-size: 20px;
}

.tryhard{
    top: 86%;
    transform: translate(-50%, -50%);
    left: 89%;
    font-family:'Segoe UI', sans-serif;
    font-size: 20px;
}

.pause{
    top: 10%;
    transform: translate(-50%, -50%);
    left: 90%;
    font-family:'Segoe UI', sans-serif;
    font-size: 20px;
}

.pause-text{
    top: 40%;
    transform: translate(-50%, -50%);
    left: 50%
}

.smiley{
    top: 14%;
    transform: translate(-50%, -50%);
    left: 90%;
    font-family:'Segoe UI', sans-serif;
    font-size: 25px;
}a