@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,900');

*{
    margin:0px;
    padding:0px;
    font-family: 'Source Sans Pro', sans-serif;
}
body {
    background-color: gainsboro;
    font-size: 1.9rem;
}
#foto {
	margin:10px 0 0 0;
    display: flex;
    flex-direction: column;
    
}
main a {
    text-decoration:none;
    color:palevioletred;
	font-weight:600;
	font-size:26px; 
    margin:30px 0px 0 0;
    display: flex;
    flex-direction: column;
    text-align: center;
    
}
header{
   height:30px;
	background-color:palevioletred;
	padding: 30px 0px 20px 0px;
}
header:hover {
	background-color:black;
    }
header a {
	text-decoration:none;
	color:white;
	font-weight:400;
	font-size:25px; 
    }
.blueberry {
    padding-top: 2em;
    padding-bottom: 2em;
}
#biografia {
	margin:auto;
	width:50%;
	display:flex;
	flex-direction:column;
    text-align: center;
    font-size:1.3rem;
    }
@media only screen and (max-width: 768px) {
#biografia {
	width:90%;
	flex-wrap:wrap;
	align-content:center;
	text-align:center;

}
}

#cuerpo {
	padding:40px 0 40px 0;
	width:auto;
	margin:auto;
	text-align:center;
    display: flex;
    flex-direction: column;
   
}
@media only screen and (max-width: 768px) {
#cuerpo {
	width:90%;
}
}
    
h1{
    text-align: center;
    margin: 50px;
    font-size:3.5 rem;
    font-weight: 600;
    color:#fd2b7a;
}
h2 {
    text-align: center;
    margin: 10px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size:1.9rem;
    font-weight: 500;
    color:black;
    }
h3 {
    text-align: center;
    font-family: 'Source Sans Pro', sans-serif;
    font-size:1.8rem;
    font-weight: 500;
    color:#fd2b7a;
     }
h4 {  
    text-align: center;
    font-family: 'Source Sans Pro', sans-serif;
    font-size:1.8rem;
    font-weight: 500;
    color:#fd2b7a;
     } 

section {
    background-color: papayawhip;
    margin:20px 90px 20px 90px;
    display: flex;
    text-align: center;
    flex-direction: column;
    font-size:1.2rem;
    border-radius: 50px;
    
    
    
   }
footer {
	color:hsla(0,0%,38%,1.00);
	width:30%;
	margin:auto;
	padding:70px 0 40px 0;
    font-size:1.1rem;
}
footer img {
	height:30px;
	width:auto;
	margin-right:10px;
}
@media only screen and (max-width: 768px) {
	footer {
	width:90%;
	padding: 70px 5% 0 5%;
}
}