@import url(https://fonts.googleapis.com/css?family=Inconsolata:700,400);
@import url(https://fonts.googleapis.com/css?family=Oswald:400,700);
*{
    margin: 0
    padding:0
}

/*//////// RÓTULO //////////*/
body { 
    background-color:black;
    color:white;
    height: auto;
}

#pagina{
	width:960px;
	margin:auto;
	padding:50px;
    height: auto;
}


header {
    background-image: url(imagenes/micaela.jpg);
    height:30em;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 15px;
}

/*//////// micaelaandreabalzarini //////////*/
.titular {
    margin-left:30em;
    margin-top: -15em;
    height: 14em; 
    font-family: "inconsolata"
}

.titular h1 {
    display:inline;
    border-bottom: solid 3px white;
    font-size: 2.5em; 
    width: 10em;
    font-family: 'Oswald', sans-serif;
}

nav {
    margin-top: 1.5em;
    padding-left: 2em;
}

ul li{
    font-size: 8pt;
    display: inline-block;
    padding:45px;
    
}

/*//////// menumica //////////*/

ul li a {
    color: white;
    padding: 10px;
    font-size: 9pt;
    text-decoration: none;
    border: 3px solid white;
    font-family: 'Inconsolata';
}
    
nav ul li a:hover{
    background-color:rgb(235, 26, 115);
    color:white;
    font-family:'Inconsolata',;
}




.acercademi {width: 29.3em;
    height: 27.em; 
    float:left; 
    background-color: black;
    border: solid 3px white;
    text-align:left;   
}
.acercademi h2 {
    width: 20em;
    padding-top: 1em;
    font-style: italic;
    font-family: 'Oswald', sans-serif;
    color:deeppink
}
.acercademi p {
    width: 25em; 
    margin-bottom: 1em; 
    padding-left: 3em;
    padding-top: 1em;
    font-family: 'Inconsolata';
}


.redessociales a{ 
    padding: 1em;
    margin:-3em 
}
.redessociales a:hover{
    background-color:deeppink;
    text-decoration:underline
}


.materias {
    width: 28em;
    height: 27.em; 
    float:left; 
    background-color: black;
    border: solid 3px white;
    text-align:left;
    margin-left: 1em;
    margin-bottom:4em;
    background-color:deeppink
}

.materias p {
    width: 25em; 
    margin-bottom: 1em; 
    padding-left: 3em;
    font-size: 15px;
    font-family: 'Inconsolata';
    text-align: center 
}


footer {
    background: black;
    width: 99%; 
    text-align:center; 
    padding:10px; 
    height: 80px; 
    float: left;
    border-top: 5px solid deeppink;
}

.textofooter{
    color: white;
    
    font-size: 12px;
    text-align: left;
    padding-top: 10px;
}

/*CARTA*/


.comitente {
    width: 29.3em; 
    height: 38.2em;
    float:left; 
    background-color: black;
    border: solid 3px white;
    text-align:left;
    background-color:rgba(255, 255, 255, 0.35);
}

h2 {
    width: 20em;
    padding-left: 6em; 
    padding-top: 1em;
    font-style: italic; 
    font-family: 'Oswald', sans-serif;
    color:rgb(72, 204, 174)
}
h4{
    width: 26em;
    margin-bottom: 1em;
    padding-left: 2em;
    font-family: 'Inconsolata';
}

.comitente p {
    width: 26em;
    margin-bottom: 1em;
    padding-left: 2em;
    font-family: 'Inconsolata';
    
}

.titular {margin-left:30em; margin-top: -15em;height: 14em; font-family: "inconsolata" }
.titular h1 {display:inline; border-bottom: solid 3px white; font-size: 2.5em; width: 10em;font-family: 'Oswald', sans-serif; }


.objetivo {width: 28em;
    height: 27.em; 
    float:left; 
    background-color: black;
    border: solid 3px white;
    text-align:left;
    margin-left: 1em;
    background-color:rgba(255, 20, 147, 0.29)
}

.objetivo p {
    width: 25em; 
    margin-bottom: 1em; 
    padding-left: 3em;
    font-size: 15px;
    font-family: 'Inconsolata';
}

.ficha {
    width: 29.3em; 
    height: 25em;
    float:left; 
    background-color: black;
    border: solid 3px white;
    text-align:left;
    margin-top: 1em;
    margin-bottom: 5em;
}
.ficha p {
    width: 26em;
    padding-left: 2em;
    font-family: 'Inconsolata';
    margin-top:1em;
    font-size: 15px;
}
.ficha h2 {
    width: 20em;
    padding-top: 1em;
    font-style: italic;
    font-family: 'Oswald', sans-serif;
    color:deeppink;
}

.usuario {width: 28em;
    height: 25em; 
    float:left; 
    background-color: black;
    border: solid 3px white;
    text-align:left;
    margin-top: 1em;
    margin-bottom: 5em;
    margin-left: 1em;
    
}
.usuario h2 {
    width: 20em;
    padding-left:4em;
    padding-top: 1em;
    font-style: italic;
    font-family: 'Oswald', sans-serif;
    color:deeppink;
}
.usuario p {
    width: 25em; 
    margin-bottom: 3em; 
    padding-left: 3em;
    font-size: 15px;
    font-family: 'Inconsolata';
}