* {
    box-sizing: border-box;
  }

  body{
    justify-content: center;
    width: 20em;
    margin: 0 auto;
    padding: 0.2rem;  
  }
  
  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;
     
    }


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

    .logo {
      max-width: 20rem;
      margin: 1rem auto;
      display: block;
      padding: 1rem;
    }


    .guantes{
margin-left: 80pt;
margin-top: -70pt;
color:#01395a;
font-family: Verdana, Geneva, Tahoma, sans-serif;
font-size: 6pt;
border-style:outset;
padding-left: 5pt;
width: 40%;
    }

    .yo{
        margin-left: 10pt;
        margin-top: -70pt;
        margin-right: 70pt;
        color:#01395a;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 6pt;
        border-style:outset;
        padding-left: 10pt;
        padding-right: 5pt;
        width: 40%;
    }


.mujeruno{
margin-top: 90pt;
width: 40%;
}

.mujerdos{
margin-top: 40pt;
margin-left: 120pt;
width: 40%;

}

.chats{
  margin-left: 25pt;
  margin-top: -20pt;
}

    .chat{
        margin-left: 30pt;
        width: 30%;
        margin-top: 30pt;
        margin-bottom: -50pt;
    }

    .chatde{
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        margin-top: -40pt;
        margin-left: 90pt;
        color: #F37369;
    }

    .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: 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;
      
      
    }

    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;
      
      
      }

 

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

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

.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;

}

.almirante{
    margin-left: 20pt;
    font-size: 13pt;
    margin-top: 2em;
    text-align: center;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
color: #F37369;
}


.personas{
   
        width: 50%;
        margin-left: 250px; 
        margin-bottom: -40px; 
}

.usuario{

width: 50%;
margin-left: 250px; 
margin-bottom: -30px; 
margin-top: 60px;
}


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


.siguiente{
    margin-top: 80px;
    text-decoration: underline;
    margin-left: 60px;
}



 
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;
margin-top: 50pt;
}