@charset ¨utf-8¨;

/* reglas generales */

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body { background-color: #e6e4e4;
       font-family: 'helvetica';
       color: #000000;
       text-align: center;
       display:flex;
       flex-direction: column;
       min-height: 100vh;
       min-height:-webkit-fill-available;
       
}

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

a { text-decoration: none;
    color: #ff6c00;
    font-style: oblique;
    font-size:1.5em;;  
}

img {width: 100%;
    display: flex;

    outline-width: 0;
    outline-style: solid;
    align-items: center;
    }

main{flex-grow: 1;

}

footer{ background-color:#ff8023;
        text-align: left;
        display:flex;
        }


/* primera parte para el celular mobile first */

/* HEADER */

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


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


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

header nav ul li a { 
    display: flex;
    flex-wrap: nowrap;
    color: #000000;
    font-family: 'helvetica';
    font-size: 2em;
    text-align: center;
    margin: 0.8em;
}
header nav ul li a:hover{ 
    
color: rebeccapurple; font-style: oblique;}



/* Subtitulo Cátedra */

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


/* MAIN */


/*Cauce Viejo*/

.tema img {width:30%;
    display: inline-block;
    flex-wrap: nowrap;
    height: auto;
    align-items: center;
    }

main h2 {line-height: 3em;
         font-size:2em;
color:rebeccapurple;
text-decoration:underline;}
main h3 { line-height: 4em;
         font-size:1.7em;
background-color: #c9c8c8;
margin: 2em;
color:#ff8023} 

main p { font-size: 2em;
text-align: left;
margin: 2em;}

main h4{ font-size: 1.5em;
font-family: 'helvetica';
text-align: left;
margin: 2em;
text-decoration:underline}

.integrantes ul {
    display: flex;
    flex-wrap:nowrap;
justify-content: center;
}

.integrantes img {
    width:60%;
    display: flex;
    height: auto;
    margin: 1em;
   border-radius: 90%;
   box-shadow: 10px 10px 10px grey;}

.integrantes ul li {
    align-content: center;
    margin:0em;
    justify-content:space-around;
    margin: 2em;
    
}
.integrantes ul li a {
    display: flex;
    flex-wrap: nowrap;
    color: #ff8023;
    align-items:flex-start;
    font-size: 1.8em;
    font-weight: bold;
    line-height: 1em;
    text-align: center;
}

.integrantes ul li a:hover{
 color:rebeccapurple}

.bocetos img {width:100%;
    flex-wrap: nowrap;
    padding:2em;
    align-items: center;
    }

.analisis{
    
    align-items: center; }


.analisis img {
    width:100%; 
    padding: 3em;
    align-items: center;
}

/*FOOTER */


footer {
    font-family: 'helvetica';
    padding: 2em 2em 2em 2em;
    text-align: left;
}
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:0.8em}
h5 { 
    font-size:1em;
    font-family: sans-serif;
    font-style:oblique;}