body{
    background-image: url("../images/fondo1.jpeg") ;
    
}


#canvas {
 width: 700px;
 height: 800px;
 margin: 0 auto;
 display: block;
 border: 3px solid black;
 background-image: url("../images/fondo2.jpg");
 position: absolute;
 top: 50%;
 left: 50%;
 margin-right: -50%;
 transform: translate(-50%, -50%)

}

.game-screen {
    width: 80%;
    height: 80vh;
    
}


.splash-screen{
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
     text-align: center;
;
}

.splash-screen h1{
    font-weight: bold;
    font-size: 65px;
    color : white;
    font-family: 'Bungee Shade', cursive;
    text-align: center;
}
.splash-screen h2{
    font-family: 'Bangers', cursive;
    color: white;
}

.splash-screen{
    font-family: 'Bangers', cursive;
    color: white;
}

#game {
  background-color: blue; /* Green */
  border: none;
  color: white;
  padding: 20px;
  text-align: center;
  font-family: 'Bangers', cursive;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  margin: 4px 4px;
  cursor: pointer;
  border-radius: 9px;
}


p.pointer{
    display: block;
    font-family: 'Bangers', cursive;
    color: white;
    font-size: 35px;
}
p.pointerB{
    display: block;
    font-family: 'Bangers', cursive;
    color: white;
    font-size: 35px;
}

.container {
    background-image: "url(../images/f3e200d2c3dfd61d7d383593867a64eb.jpg)";
}

.game-over{
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.game-over h1{
    font-weight: bold;
    font-size: 65px;
    color : white;
    font-family: 'Bungee Shade', cursive;
    text-align: center;
}


    
.game-over h3{
    display: absolute;
    font-family: 'Bangers', cursive;
    color: white;
    font-weight: lighter;
    font-size: 25px;
}

.game-over li{
    display: absolute;
    font-family: 'Bangers', cursive;
    color: white;
    font-weight: lighter;
    font-size: 25px;
}

#display p{
    display: block;
    font-family: 'Bangers', cursive;
    color: white;
    font-weight: lighter;
    font-size: 25px;
}

.game-over p{
    display: absolute;
    font-family: 'Bangers', cursive;
    color: white;
    font-weight: lighter;
    font-size: 25px;
}