canvas {
    
    background-image: url(./images/background\ 2.0.png);
    background-size: cover;
    background-repeat: no-repeat;
}

body {
    text-align: center;
}

#startButton {

font-size: 25px;
padding: 10px 10px;
font-style: italic;
position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: linear-gradient(to right, #26c6da, #43a047, #eeff41, #f9a825, #ff5722);


}

#goBackButton {
    font-size: 25px;
    padding: 10px 10px;
    font-style: italic;
    position: absolute;
        top: 65%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-image: linear-gradient(to right, #26c6da, #43a047, #eeff41, #f9a825, #ff5722);
}

#instructionText {
    font-size: 25px;
    padding: 10px 10px;
    position: absolute;
        top: 40%;
        left: 50%;
        transform: translate(-50%, -50%);
}


#instructionButton {
    
font-size: 25px;
    padding: 10px 10px;
    font-style:italic;
    position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-image: linear-gradient(to right, #ef5350, #f48fb1, #7e57c2, #2196f3, #26c6da);
}


   


#endGame {

    
font-size: xx-large;



}
#title {
    
    height: 30px;
}

#score {
    
    display: flex;
    
    justify-content: center;

    align-items: center;
   
    height: 30px;

}

#restart {
    
    border-color: black;
     font-style: italic;
    font-family: sans-serif;
  font-size: larger;
background-image: linear-gradient(to right, #2196f3, #26c6da, #43a047, #eeff41, #f9a825, #ff5722);
  
}