* {
    box-sizing: border-box;
  }

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

  }

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

  .susana{
    display: flex;
    justify-content: center;
      font-family: Verdana, Geneva, Tahoma, sans-serif;
font-size: 15pt;
color:#01395a ;

      

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

.email{
    background-color: #FF9C00;
    padding: 1px;
    margin: 15pt;
    width: 80%;
    border-radius: 30pt;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 10pt;
    color: #01395a;
    padding-left: 15px;
 

}
.dni{
    background-color: #FF9C00;
    padding: 1px;
    margin: 15pt;
    width: 80%;
    border-radius: 30pt;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 10pt;
    color: #01395a;
    padding-left: 15px;
  
}

.direccion{
    background-color: #FF9C00;
    padding: 1px;
    margin: 15pt;
    width: 80%;
    border-radius: 30pt;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 10pt;
    color: #01395a;
    padding-left: 15px;
   margin-right: 15px;
  
    
}

.grupo{
    background-color: #FF9C00;
    padding: 15px;
    padding-left: 15pt;
    margin: 15pt;
    width: 80%;
    border-radius: 30pt;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 10pt;
    color: #01395a;
   
    
}

.todo{
    margin-left: 80px;
}

ul{
    list-style: none;
    display: flex; 
    justify-content:center;
    align-items: center;
    align-content:center;

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

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



a{
    color: #F37369;
    text-decoration: none;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    
    
}
footer{
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        color: whitesmoke; 
        font-size: 9pt;
        background-color:#01395a;
    padding: 1em;
    
    }