@charset "utf-8";

/* GENERALES */
body {
    
    background-color:#914C7E;
    font-family: 'montserrat', sans-serif;  
}

p {
   text-align: center;    
   
}

a{
    text-decoration: none;
}

h1, h2, h4{
    text-align: center;
    color:floralwhite;
    margin: 0.5em;
} 

h3 {
    color:#914C7E;
    text-align: center;
    margin: 0.5em;
 
}

/* NAVBAR SUPERIOR */

.navegacion {
    display: flex;
    flex-direction: row;
    justify-content:space-around;
    align-items:center;
    flex-wrap: wrap;
	background-color: #14213d;
    
}
 
.navegacion ul {
    display: flex;
    
}

.navegacion li {

    height: 0.5em;
    padding:1em;
    display: flex;
    justify-content: center;
    align-items: center;
    
}

.navegacion a {
    
    color: floralwhite;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items:center;
}


.navegacion a:hover{
    
    color: #505892;
    
}

/* FOTO */

img{
    
    width: 30%;
    border-radius: 50em;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
    margin-bottom: 1em;
    display: block;
}
   


/* MATERIAS */

.materiasaprobadas{
    
    background-color:cornsilk;
    margin-bottom: 0.2em;
    padding: 1em;
    display: block;
    justify-content: center;
    align-items: center;
    color: #914C7E;
}




.materiascursadas{
   
    background-color:cornsilk;
    margin-bottom: 0.2em;
    margin:1em;
    padding: 1em;
    display: block;
    justify-content: center;
    align-items: center;
    border-radius: 1em;
    color: #914C7E;
    
}



.equipo{
   
    padding-right: 2em;
    font-family:'Montserrat',sans-serif;
    color: floralwhite;
    font-size: 12pt;
    font-weight: bold;
    
}
.equipo li {
    
    display:block;
    border-radius: 2em;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    
    
}



.equipo a{
    color:floralwhite;
    background-color:#14213d;
    display: block;
    padding:0.5em;
    text-align: center;
    border-radius: 2em;
    margin: 0.2em;
    text-decoration: none;
    
}

.equipo a:hover{
    
    color: #505892;
    
}


/* FOOTER */


.legales{
    
    
    background-color:#14213d;
    text-align: justify;
    color: floralwhite;
    text-align: center;
    font-size: 10pt;
    
}