@charset "UTF-8";

/*reglas generales*/

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

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

a {text-decoration: none
    color:#aa53;}
    
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:whitesmoke;}

h2 {color:#7aacb3;}

h1 {color:#aa5377;}

  

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



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

#florencia h3{
    line-height: 1em;
    text-align: center;
    background-color:#3b3759;
    padding: 0.3em 1em 0.3em 1em;
    margin: auto;
    border-radius:0px;}

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

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

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

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

header nav ul{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0em 0em 0em 0em;
    padding: 0;
    border-radius:0px;}
    
header nav ul li a{
    display: flex;
    color: #aa5377;
    font-size: 1.5em;
    justify-content: center;
    background-color:#3b3759;
    display: block;
    text-align: center;
    margin: 0.3em 1em 0.3em 1em;
    border-radius:0px;}

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

main section nav ul li a{
    display: flex;
    color: #aa5377;
    font-size: 1.5em;
    background-color:#3b3759;
    display: block;
    text-align: center;
    margin: 0em 0em 0.3em 0em;
    border-radius:0px;}   

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

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

header{
    background-color:#3b3759;
    margin: 0 0 0 0;}

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