* {
    box-sizing: border-box;
  }

  body{
    justify-content: center;
    width: 20em;
    margin: 0 auto;
    padding: 0.2rem; 
  }
  
  .logo {
    max-width: 20rem;
    margin: 1rem auto;
    display: block;
    padding: 1rem;
  }


  header {
    width: 20rem;
    margin: 0 auto;
  }

  img{
    
    width: 80%;
    position: center;
    text-align: center;
    display: flex;
    justify-content: center;
    
}

    h1{
      color:#01395a;
      margin-top: 2rem;
      padding: 2rem;
      border-radius: 1rem;
      margin: 1em;
      display: flex;
        justify-content: center;
     
    }

    .personas{
        margin-left: 200px;
        margin-bottom: 3px;
    }
.almirante{
    color: #F37369;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    text-align: center;
}

h1{
  color: #F37369;
  font-size: 25pt;
  
}
  
.foto{
    width: 60%;
}
    h3{
        margin-left: 40px;
        margin-top: -50px;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 15pt;
        color: #01395a;
    }

    .contenedor{
      display: flex;
      justify-content: center;
      }

      .inicio{
        background-color:#01395a;
        margin: 3pt;
        border-radius: 15pt;
        font-size: 12pt;
        padding: 1pt;
        margin-right: 16pt;
    }

    .disponibilidad{
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        color: #FF9C00;
        font-size: 16 pt;
        margin-left: 20pt;
        margin-top: 30pt;


    }



    .lista{
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 10pt;
        color: #01395a;
    }
    

    .anotarse{
        background-color: #FF9C00;
        padding: 5pt;
        margin: 1em;
        width: 60%;
        border-radius: 15px;
        padding-left: 12pt;
        margin-top: 50px;
        margin-left: 80px;
        text-align: center;
        margin-bottom: 60pt;

        

    }
    .grupos{
        background-color:#01395a;
        padding: 5pt;
        margin: 1em;
        width: 30%;
        border-radius: 15px;
        
    
    }
    
    .cuenta{
        background-color:#01395a;
            padding: 5pt;
            margin: 1em;
            width: 30%;
            border-radius: 15px;
            
            
    }

    a{
      color: #F37369;
      text-decoration: none;
      font-family: Verdana, Geneva, Tahoma, sans-serif;
      font-size: 12pt;
      
    }

.participantes{
border-style: dotted;
margin-left: 15pt;
margin-right: 10pt;
margin-bottom: 30pt;
}





    h4{
      font-size: 9pt;
      font-family: Verdana, Geneva, Tahoma, sans-serif;
      border: #01395a;
      margin-left: 25pt;
      margin-top: -13pt;
    }

    ul{
      list-style: none;
      display: flex; 
      justify-content:center;
      font-size: 12pt;
      
      }

      .buscar{
        color: #FF9C00;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 6pt;border-style:double;
        margin-left: 1em;
        padding: 1em;
      
      
      }


.mapa{
  display: flex;
  margin-left: 60px;
}

.llegar{
  color: #FF9C00;
}
.limpieza{
        margin-left: 50px;
        margin-top: 70px;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        color:#F37369;
        font-size: 16pt;
      }


.fecha{
  margin-left: -270px;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  color: #01395a;
  margin-top: 10px;
  font-size: 18pt;

}


.final{
  margin-top: 100px;
  margin-left: -40pt;
}

.reloj{
  margin-left: 30px;
}


.hora{
  margin-left: -250px;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  color: #01395a;
  margin-top: 10px;
  font-size: 18pt;
  margin-right: 30pt;
}


.integrantes{
  margin-top: 70px;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  color: #F37369;
  margin-left: 30pt;

}

.personas{
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  color: #01395a;
  font-size: 10pt;

}


h2{
  font-size: 9pt;
  margin-left: 30pt;

}
 
footer{
  color: whitesmoke;
 font-family:Verdana, Geneva, Tahoma, sans-serif;
 margin: 1rem;
 padding: 1em;
 font-size: 0.8rem;
 width: 20rem;
 margin: 0 auto;
 background-color:#01395a;

}