@charset "UTF-8";

/*reglas generales*/

body {background-color:#f0bfbf;
margin:2em
font-size: 0,5em;
text-align: center}

ul {list-style: none
    align-items: center;
    padding: 0;
    margin: 0;
    box-sizing: border-box;}

a {text-decoration: none
    color:#313835}
    
figure {margin: 0;
    padding: 0;
max-width: 90m; 
align-items: center}

img {width: 30%;
    margin: 0;
    padding: 0;
    max-width: 80em;
    align-items: center
    height: auto}


h3 {color:#313835;}

h2 {color:#313835;}

h1 {color:#f0bfbf;}

  

*{
        padding: 0;
        margin: 0.2em;
        list-style: none;
        box-sizing: border-box;
        text-decoration: none;
        font-family: sans-serif;}



header, footer {
    background-color: #f0bfbf;
    color: #313835}
        
        
/* 
   Primera parte para el celular
   mobile first
*/
  
#isologo, header h3{
    display: inline-block;
    max-width: 5em;
    vertical-align: middle;}

#paula h3{
    line-height: 1em;
    text-align: center;
    background-color:#f0bfbf;
    padding: 0.3em 1em 0.3em 1em;
    margin: auto;
    border-radius:50px;}

#materias h3{
    line-height: 0.5em;
    text-align: center;
    background-color:#f0bfbf;
    padding: 0 0 0.5em 0;
    margin: auto;
    border-radius:50px;}

#carrera h3{
    line-height: 1em;
    text-align: center;
    background-color:#f0bfbf;
    padding: 0.3em 1em 0.3em 1em;
    margin: auto;
    border-radius:50px;}

#boceto h1{
    line-height: 1em;
    text-align: center;
    background-color:#313835;
    padding: 0.3em 1em 0.3em 1em;
    margin: auto;
    border-radius:50px;}

#vm26 h3{
    line-height: 1em;
    text-align: center;
    background-color:#313835;
    padding: 0.3em 1em 0.3em 1em;
    margin: auto;
    border-radius:50px;}

header nav ul{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0em 0em 0em 0em;
    padding: 0;
    border-radius:50px;}
    
header nav ul li a{
    display: flex;
    color: #313835;
    font-size: 1em;
    justify-content: space-between;
    background-color:#f0d0d0;
    display: block;
    text-align: center;
    background: linear-gradient;
    margin: 0.3em 1em 0.3em 1em;
    border-radius:50px;}

header nav ul li a:hover{
    background-color:#b76a6a;}

main section nav ul li a{
    display: flex;
    color: bisque;
    font-size: 1.3em;
    background-color:#b47a7a;
    display: block;
    text-align: center;
    margin: 0em 0em 0.3em 0em;
    border-radius:50px;}   

main section nav ul li a:hover{
    background-color:#b76a6a;}

main figure img{
        display: block;
    margin: auto;
    border-radius: 1000px;
    margin-bottom: 2em;
    width:60%;
    height:auto;
    max-width: 12em;
    vertical-align: center;
    text-align: center;}

header{
    background-color:#f0d0d0;
    margin: 0 0 0 0;}

footer{
    background-color:#f0d0d0;
    margin: 2em 0 0 0;}