.ballStyle{
    width: 80px;
    height: 80px;
    background-image: url(/imgs/apple.png);
    background-size: cover;
    position: absolute;
    z-index: 2;
}

#score{
    padding: 20px;
    font-size: 40px;
    color: azure;
    z-index: 3;
}

#gameOver{
    position: absolute;
    width: 800px;
    height: 500px;
    background-image: url('/imgs/game-over.png');
    background-repeat: no-repeat;
    z-index: 3;
    left: 200px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: none;
    
}

#finalScore{
    color: rgb(255, 255, 255);
    font-size: 40px;
    position: absolute;
    font-size: 90px;
    font-weight: bold;
    z-index: 4;
    text-align: center;
    left: 0;
    right: 0;
    top: 600px;
    bottom: 0;
    margin: auto;
    display: none;
    white-space:pre-wrap;
}

.replay{
    position: absolute;
    width: 200px;
    height: 50px;
    background-repeat: no-repeat;
    z-index: 4;
    background-size: cover;
    left: 0;
    right: 0;
    top: 70vh;
    bottom: 0;
    margin: auto;
    cursor: pointer;
}

.hover{
    cursor: pointer;
    z-index: 4;
}