@import url('https://fonts.googleapis.com/css2?family=Audiowide&family=Eczar&display=swap');

body, div, h1, h2, , p, a{
margin: 0px;
padding: 0px;
}

body{
background: url(../img/back.jpg);
cursor: crosshair;
}

h1{
  text-align: center;
  font-family: 'Audiowide', cursive;
  font-size: 48px;
  color: black;
  padding: 3% 0px;
}
h2{
  font-family: 'Audiowide', cursive;
  font-size: 32px;
  color: black;
  padding: 3% 0px;
}

.encabezado{
  text-align: center;
  font-family: 'Eczar', serif;
  font-size: 22px;
  color: black;
  padding: 1% 0px;
}

.menu{
  padding: 8px;
  font-family: 'Eczar', serif;
  font-size: 18px;
  color: black;
  margin: 0px auto;
  width: 100%;
  text-decoration: none;
}
ul, li{
  color: black;
}
.menu a{
  color: lightgray;
  text-decoration: none;
}
.menu a:hover{
  color: lightblue;
  text-decoration: none;
}
ul, li{
  display: inline-block;
}

.cuerpo{
  font-family: 'Eczar', serif;
  font-size: 18px;
  color: black;
  padding: 5%;
}

.juegos {
  font-family: 'Eczar', serif;
  font-size: 18px;
  text-align: center;
  margin: 10% 0%;
  padding: 1%;
  color: black;
  border: 1px solid white;
}
.pie{
    text-align: center;
}
.pie p{
  font-family: 'Eczar', serif;
  font-size: 18px;
  color: black;
}
.pie a{
  color: lightgray;
  text-decoration: none;
}
.pie a:hover{
  color: lightblue;
  text-decoration: none;
}