/*

selector{propiedad:valor;}

*/

@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@700&family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200;0,600;0,700;1,200&display=swap');

*{margin:0; padding: 0; box-sizing: border-box;}

body{background:#ffffff; font-family: 'Karla', sans-serif
    }
header{background: linear-gradient(15deg, #6454F0 0%, #64E8DE 100%) ;
      min-height: 5rem;
      padding: 0.3rem;
      margin: 0;
      text-align: center;
      font-family:'Roboto', sans-serif;
      justify-content: space-between;
      max-width:100%
    }

img{border-radius: 15rem;
width: 15%;
border: 6px;
border-style: solid;
border-color: white; }

h1{Color: #ffffff;
    font-family:'Raleway', sans-serif; 
    font-size: 2.5rem;
     }



h2{color: #2f21f7; font-family:'Raleway', sans-serif;
    text-align: center;} 

.info{
    margin: 0.5rem;
    font-size: 1.5rem;
}

.link-activo{background: #ffffff; 
    color: #000;
    text-decoration: none; 
    font-family: 'Roboto', sans-serif; 
    padding: 0.5rem; 
    margin: 0.5rem;
}


.primero {
    font-family: 'Roboto', sans-serif;  
    text-decoration: none;
    color: rgb(255, 255, 255); 
    display: inline-block;
    padding: 0.5rem; 
    margin: 0.5rem;
 }
.primero:hover{ 
    background: #ffffff;
    color: black;
}

.titulos
    {padding: 2rem;
    justify-content: center;
}


h3{ Color:  #64E8DE;
font-family: 'Karla', sans-serif; font-weight: 700;}

.columnas{
    display: flex;
    justify-content: space-around;
}

.nivel_1{ 
    color:rgb(63, 63, 63);
    padding: 32px;
    border: 1px solid #EAEAEA;
    border-radius: 1em;
    width: 25%;
    box-shadow: 0.5rem 0rem 1rem rgba(0,0,0,0.15);}

.nivel_2{ 
    color:rgb(63, 63, 63);
    padding: 32px;
    border: 1px solid #EAEAEA;
    border-radius: 1em;
    width: 25%;
    box-shadow: 0.5rem 0rem 1rem rgba(0,0,0,0.15);}

.nivel_3{ 
    color:rgb(63, 63, 63);
    padding: 32px;
    border: 1px solid #EAEAEA;
    border-radius: 1em;
    width: 25%;
    box-shadow: 0.5rem 0rem 1rem rgba(0,0,0,0.15);   
}

i{
    color:#2f21f7;
}

.datos_obligatorios p{
font-family: 'Raleway' sans-serif; font-weight: 700;
}
.datos_obligatorios p i {
    font-family: 'Lato' sans-serif; font-weight: 600;
    color:rgb(63, 63, 63)
    }
.datos_obligatorios {
    padding: 35px;
    border: 1px solid #EAEAEA;
    border-radius: 1em;
    width: 50%;
    box-shadow: 0.5rem 0rem 1rem rgba(0,0,0,0.15);
    margin: auto;
    color:rgb(63, 63, 63);
    text-align: center;
    
}


.alumno{ 
    font-family: 'Roboto', sans-serif; font-weight: 100; 
    text-decoration: none;  
    color: rgb(63, 63, 63); 
    font-size: 1rem; 
    padding: 15px;
    border: 1px solid #EAEAEA;
    border-radius: 1em;
    width: 25%;
    box-shadow: 0.5rem 0rem 1rem rgba(0,0,0,0.15);
    margin: 30px;
    text-align: center;    
}

.alumno:hover{ 
    background: #64E8DE; 
    color:#2f21f7 ;
    box-shadow: 0.5rem 0rem 1rem rgba(0,0,0,0.15);
    }
    
.datos
{ font-size: 1rem;
  font-family: 'Roboto', sans-serif; font-weight: 100;
  margin:15px;
}
footer{
    background: linear-gradient(15deg, #6454F0 0%, #64E8DE 100%);
    color: #ffffff; 
    padding: 15px;
    font-size: 0.8rem;
    text-align: center;
}