@charset "UTF-8";
/*reglas generales */

body { background-color: #e6e4e4;
       font-family: 'helvetica';
       color: #000000;
       text-align: center;
       display:flex;
       flex-direction: column;}

ul { list-style: none;
    font-family: 'helvetica';
    margin: 0;
    padding: 0;}

img {width: 100%;
    display: flex;
    height: auto;
    margin: 1em 1em 1em 1em;
    outline-width: 0;
    outline-style: solid;
    align-items: center;}

footer{ background-color:#afafa7;
        text-align: left;}


/* primera parte para el celular - mobile first */ 

/* HEADER */

header img { 
    width:100%;
    display: flex;
    margin: 0.1em 0.1em 0.1em 0em ; }


.tituloprincipal { 
    display:flex;
    justify-content: space-around;
    flex-direction: column;
    background-color: #c9c8c8;
    align-items:center;
    padding: 1em 1em 1em 1em;
    color: #9f48f0;
    font-size: 1.2em;}

header nav ul { 
    display:flex;
    flex-wrap:nowrap;
    justify-content: space-between;
    align-items: center;
    background-color: #7f4baf;
    font-family: 'helvetica';
    font-size: 0.8em;
    padding: 1em 1em 1em 1em ;}

header nav ul li a { 
    color: #000000;
    font-family: 'helvetica';
    font-size: 2em;
    display: block;
    text-align: center;
    margin: 0.8em 3em 0.8em 3em;
    border-radius: 10px;
}
header nav ul li a:hover{ 
    
color: #ff8023; font-style: oblique;}

/* Subtitulo Cátedra */

header h2{color: black;
font-size: 1em;
line-height: 1em}

/* MAIN */
main h2 {line-height: 3em;
         font-size:2.5em;
color:rebeccapurple;
text-decoration:underline;}

main h3 { line-height: 2em;
         font-size:2em;
background-color: #c9c8c8;
margin: 1em;
color:#7f4baf;} 

main p { font-size: 1.5em;
text-align: center;
margin: 1em;}

.infoalumno img  {
    width:25%;
    display: inline-block;
    flex-wrap: nowrap;
    height: auto;
    margin: 1em 1em 1em 1em;
    align-items: center;
   border-radius: 80%;
   box-shadow: 10px 10px 10px grey;}

.boceto img {
    width: 80%;
    display: inline-block;
    flex-wrap: nowrap;
    height: auto;
    margin: 1em 1em 1em 1em;
    align-items: center;}

/*FOOTER */


footer {
    font-family: 'helvetica';
    padding: 2em 2em 2em 2em;
    text-align: left;
    margin-top: 1em;
}
footer ul {
    display: flex;
    flex-wrap:nowrap;
    justify-content: center;
    margin: 1em 20em 1em 20em;
  }
}
footer img {
    display: inline-block;
    align-content: center;
    align-items: center;
    justify-content: center;
    width:10%;
    height:auto;}
    

h4{font-size: 1.2em;
   font-style:normal;
line-height:1em;}
h5 { 
    font-size:.8em;
    font-family: sans-serif;
    font-style:oblique;
    font-weight: 200;}
    


/*segunda parte para escritorio */