@charset "utf-8";

@import url("https://fonts.googleapis.com/css2?family=Raleway");

*{
    list-style:none;
    font-family: "Raleway";
    margin-left:auto;
    margin-right:auto;
}

body {
    background-color:#f2e2ab;
}



header nav ul li a {
    background-color:#690bb9;
    color:#f2e2ab;
    padding:1em 0 1em 0;
    display:block;
    text-decoration:none;
    text-align: center;
    max-width:50em;
    
}

header nav ul li a:hover {
    background-color:#f2e2ab;
    color:#690bb9;
    display:block;
    text-align: center;
    
    
    
}


.intro .ficha {display:flex;
max-width:50em;
padding:1em;}

.intro img {border-radius: 100%;}

.intro p {text-align:center;
    max-width:50em;
    padding:1em;
    
}

.materias {
    text-align: center;
    text-decoration:none;
    border:#690bb9 0.5em groove;
    padding:2em 0em 3em 0em;
    max-width:50em;
}

.materias a {display:flex;
text-decoration:none;
    color:black;
    padding:0.5em;
}

.portfolio {max-width:50em;
padding:0.5em;
text-align:center;
}

.portfolio img {display:inline-flex;
}

.boceto {max-width:50em;
text-align:center;
}

.boceto a {text-decoration:none;
    padding:1em;
    color:#690bb9;
    display:inline-flex;
}

.boceto a:hover{
    background-color:#690bb9;
    color:#f2e2ab;
}

footer {
text-align:center;
    padding:1em;
    margin:2em;
    background-color:#690bb9;
    
}

footer p {max-width:50em;
color:#f2e2ab;}

h2 {padding:1em;}