* {
    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;
    

}

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


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


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

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

  

      h4{
       font-size: 10pt;
        margin-top: 2em;
        font-family: Verdana, Geneva, Tahoma, sans-serif;

      }
      
      .cupos{
      margin-left: -30pt;
      color:#F37369;
      }


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


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

.llegar{
  color: #FF9C00;
}

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




.integrantes{
  margin-top: 70pt;
  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;

}

.almirante{
    margin-left: 60pt;
    font-size: 17pt;
    margin-top: 8pt;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
color: #F37369;
}


.personas{
   
        width: 40%;
        margin-left: 20pt; 
        margin-bottom: -10pt; 
        margin-top: 60pt;
}

.usuario{

width: 40%;
margin-left: 20pt; 
margin-bottom: -10pt; 
margin-top: 60pt;


}


.listagrupo{
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 8pt;
  margin-left: 30pt;
  margin-top: 30pt;
}



h5{
    margin-left: 30pt;
    text-decoration:underline;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    
}


.siguiente{
    margin-top: 40pt;
    text-decoration: underline;
    margin-left: 90pt;
    margin-bottom: 50pt;
}


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;

}