@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Arapey|David+Libre|Marmelad');


body{ background-color: white;
} 

nav
    {
        font-family: 'David+Libre', sans-serif;
        background-color: rgb(216, 1, 117);
        padding: 0.4em;    
        text-align: center;
}

header nav ul li a {
    
    text-decoration: none;
    color: black;
    padding-left: 0.9em;
    font-size: 1.2em;
    color: white;
    
}

header nav ul li a:hover {
    text-decoration:underline;
}

nav ul li {
    display:inline;
}

header img {
    height: 20em;
    margin:auto;
    border-radius: 50%;
    margin-bottom: auto;
    display: flex;
    
}

h1{
    font-size: 2em;
     color:rgb(216, 1, 117);
    text-align: center;
    font-family: 'David+Libre', sans-serif;
}

div#caja{
    margin: auto;
    max-width: 40em;
    min-height: 40vh;
    width: 90%;
}

h2{
    font-family: 'Arapey', sans-serif;
    font-size: 2.2em;
    color: rgb(216, 1, 117);
}

h3{
    font-size: 1.8em;
    color: rgb(216, 1, 117);
    text-align: center;
    font-family: 'David+Libre', sans-serif;
}

  
}

main section {
    border:none;
    margin: 0 0 0.9em 0;
    

}

main section h2 {
       font-family: 'Marmelad', sans-serif;
       font-size: 1,5em;
       text-align: center;
}

main section p {
    font-family: 'David+Libre', sans-serif;
    color:#4a494a;
    font-size: 1em;
    text-align: center;
}

img#trabajos {
    max-width: 100%;
    height: auto;
}
    
}

aside li{
    color: rgb(216, 1, 117);
    text-decoration: none;
    font-size:12px; 
    text-align: center;
}

article p {
    font-family: 'David+Libre', sans-serif;
    font-size: 1em;
    color: #3c3c3c;
    text-align: center;
}

footer {
    background-color: rgba(216, 1, 117, 0.67);
    padding: 10px;
    color: #fff7f7;
    font-size: 0.8em;
    text-align: center;
    line-height: 1.5em;
    font-family: 'David+Libre', sans-serif;
}