* {
    color:crimson;
    font-family: montserrat, sans-serif;
    
    box-sizing:border-box;
    max-width: 100%;
    justify-content: center;
}

    
body {
    background-color:beige; 
    padding: 2em;
    display: flex;
    flex-direction:column;
    justify-content: center;
    
    
}




.yo img {
    width: 200px;
    height: 200px;
    margin-bottom: .8em;
    margin-top: 1em;
    border-radius:50%;
    border: solid .2em;
    border-color: coral;
}

.yo {
    font-size: .8em;
}





.navegador {
    
    background-color:coral;
    color:beige;
    text-decoration: none;
    display: flex;
    justify-content: space-between;
    flex-direction:row;
    list-style: none;
    padding-left: 1em;
    padding: .4em;
    border-radius: 5px;
    text-transform: uppercase;
    align-items: center;
    text-align: center;
    

}

header nav a {
    color: beige;
    text-decoration: none;
    justify-content: space-between; 
    align-content: center;
    font-size: .8em;
    
}

ul {
    list-style: none;
}




h1{ 
color:coral;
font-family: bree serif, sans-serif;
margin-bottom: auto;
margin-top: 0.1em;

}


section h3 {
    font-family: bree serif, sans-serif;
    font-weight: 100;
    color:coral;
    text-decoration: none;
    margin-top: 0em;
   

}



h3 a {
    font-family: bree serif, sans-serif;
    font-weight: 100;
    color:coral;
    text-decoration: none;
   
}

h4 {
    color: coral;
    font-family: bree serif, sans-serif;
   
}


    

footer {
    padding: .5em;
    background-color:lightsalmon;
    color:firebrick;
    font-family: montserrat, sans-serif;
    font-size: 0.8em;
   border-radius: 5px;
}





ul li a {
    color:darksalmon;
    text-decoration: none;
    font-family: montserrat, sans-serif;

}

.datos {
    padding: 1em;
    margin: 1em;
    background-color: bisque;
    border-radius: 1em;
    box-sizing: content-box;

}

.materias {
    padding: 1em;
    margin: 1em;
    background-color: bisque;
    border-radius: 1em;
    box-sizing: content-box;
}

.vm {
    padding: 1em;
    margin: 1em;
    background-color: bisque;
    border-radius: 1em;
    box-sizing: content-box;
}

.propuesta {
    padding: 1em;
    margin: 1em;
    background-color: bisque;
    border-radius: 1em;
    box-sizing: content-box;
    
}

.propuesta img {
    display: none;
   
}

.academicos {
    padding: 1em;
    margin: 1em;
    background-color: bisque;
    border-radius: 1em;
    box-sizing: content-box;
     
}



/*-------MEDIA------*/
 
@media (min-width: 1280px) {
    
    
    section {
        max-width: 50%;
        margin-left: 25%;
    }
    
    
   .yo { 
       float: left;
       align-content: flex-start;
    }
    
    h1 {
        font-size: 2em;
    }
    
    
    footer{
        width: 40%;
        margin-left: 30%
	}
    
  .navegador {
        justify-content: space-around;
    }
    
    .propuesta img {
        display: flex;
        height: 500px;
        margin-left: 30%
    }
    
    .propuesta a {
        display: none;
    }

 }