header{  
    margin: 0;
    padding: 0;
      background: url(img.maqueta/metal.avif);
    background-attachment:fixed;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}
header{
    position: fixed;
    width: 100%;
    height: 19vh;
}
.contenido{
    padding-top:19vh;
    background-color: white;
}
header img{
    border-radius: 50%;
     width: 110px ;
     height:110px ;
  }
  .menu-button{
  color: black;
  border: none;
  text-decoration: none;
  display: inline-block;
  }
  .logo {
   padding-top: 5px;
   padding-left: 5px;
  }
   .logo{
      display: flex;
      flex-direction: row;
      justify-content: space-between ;
   }
  .logo{
      display: flex;
      flex-direction: row;
      align-items: center;
  }
  .logo ul {
      display: flex;
      justify-content: center; 
      list-style-type: none; 
  }
  .logo ul li {
      margin: 0 30px;
      padding-left: 50px;
      padding-right: 108px;
      font-size: 20px;
      text-decoration: none;
      font-family: "Merriweather", serif
  }
  .foto img{
      width: 25% ;
  height: 25% ;
  padding-top: 20px ;
  padding-left: 20px;
  }
  .nombre{
      display: flex;
      flex-direction: row;
  }
  .foto{
      display: flex;
      flex-direction: row;
      align-items: center;
      border-color: black;
  }
  .entrenador{
    font-size: 29px;
    }
    .entrenador{
    padding-top: 42vh;
    padding-bottom: 20px;
}
.entrenador{
    display: flex;
    flex-direction: column;
    align-content: center;
}

.entrenador{
margin-left: 40%;
margin-bottom: -0vh;
margin-top: -38vh;
}
  p{
    color: black;
    font-size: 20px;
    display: flex;
    flex-direction:column;
padding-left: 50px;
}
 .preguntas p{
    justify-content: center;
    margin: 0 30px;
    padding-left: 50px;
    padding-right: 50px;
 }
 .preguntas h3{
    margin-top: 20px;
    display: flex;
    justify-content: center;
 }
 .container{
    display: flex;
    align-items: center;
}
.container img{
    border-radius: 50%;
    margin-right: 100px;
    margin-top: 20px;
}
.container{
    display: flex;
    align-items: center;
    align-content: center;
    flex-direction: row;
    justify-content: center;
}
.lalala{
    background: url(img.maqueta/metal.avif);
    background-size: cover;
}
.lalala{
    margin-top: 20px;
}
.diferente{
    margin-right: 30px;
}
H3{
 display: flex;
 flex-direction: row;
 justify-content: center;
 padding-top: 20px;
}
.agradecimientos{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly 
}
.agradecimientos{
    padding-block:3px;
     padding: 3px;
}
.nose{
    padding-top: 50px;
}