@charset "UTF-8";

/*reglas generales*/

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

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

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

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


h3 {color:#ed6d7f}

h2 {color:#ff9999}

h1 {color:#db7093}




*{
        padding:0;
        margin: 1;
        list-style: none;
        box-sizing: border-box;
        text-decoration: none;
        font-family:sans-serif;
        color: #ff9999}



header, footer {
    background-color: #ffffcc;
    color: #db7093}

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

#indira h1{
    line-height: 1em;
    text-align: center;
    background-color:#00ffff;
    padding: 0.3em 1em 0.3em 1em;
    margin: auto;}

#materias h3{
    line-height: 0.5em;
    text-align: center;
    background-color:#313835;
    padding: 0 0 0.5em 0;
    margin: auto;}

#carrera h3{
    line-height: 1em;
    text-align: center;
    background-color:#00ffff;
    padding: 0.3em 1em 0.3em 1em;
    margin: auto;}

#boceto h3{
    line-height: 1em;
    text-align: center;
    background-color:#00ffff;
    padding: 0.3em 1em 0.3em 1em;
    margin: auto;}

#vm26 h3{
    line-height: 1em;
    text-align: center;
    background-color:#00ffff;
    padding: 0.3em 1em 0.3em 1em;
    margin: auto;}

header nav ul li a{
    color: #ed6d7f;
    font-size: 1.5em;
    background-color:#00ffff;
    display: block;
    text-align: center;
    margin: 0.3em 1em 0.3em 1em;}

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

main section nav ul li a{
    color: bisque;
    font-size: 1.5em;
    background-color:#00ffff;
    display: block;
    text-align: center;
    margin: 0em 0em 0.3em 0em;}   

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

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 nav ul li a:hover{
    background-color:#ffffcc;
    margin: 0 0 0 0;}

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


        

  