@charset "UTF-8";
* {
font-family: 'montserrat', sans-serif;
    box-sizing: border-box;
}

a {
    text-decoration: none;
    color: paleturquoise;
    font-weight:inherit;
}

main a:hover {
     text-decoration: underline;
}

ul {
    list-style: none;
    padding-left: 0;
}

/*------------------ body ------------------*/

body {
    background-color: azure;
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    justify-content: space-between;
    margin: 0;
}

.recuadro, main > .main {
    
    max-width: 45rem;
    margin: 0 auto;
    padding: 1rem;
}

/*----------------- header -----------------*/

header > div.recuadro {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.4em 0em;
    
}

}

header {
    background: lightcoral;
    border-bottom: 7px solid;
    border-image-slice: 1;
    margin-bottom: 2em;
   
}

nav {
    width: 100%;
    margin-left: 9em;
    
}

nav ul li {
    flex-basis: 21%
}

nav ul {
    margin: 0;
    padding 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
}



nav ul li a {
    display: block;
    text-align: center;
   color: paleturquoise;
    padding: 0.5em .5em;
    font-weight: bold;
    border: solid 3px lightcoral;
    border-radius: 5px;
}

/*------------------ main ------------------*/

main {
    text-align: center;
}

main .main {
    border: solid 3px lightcoral;
    padding: 1rem;
    margin: 0 auto;
    background-color: rgb(255, 255, 255);
    border-radius: 20px;
}


#perfil {
   border-radius: 50%;
    width: 100px;
    height: 100px;
}

main p {
    margin-top: 10;
}
main h1 {
    margin: 0;
    font-size: 20pt;
     color:lightcoral;
    }
main h2 {
    margin: 0;
    font-size: 20pt; 
      color: paleturquoise;
    
}
hr { color: lightcoral;
    }
    
main h3 {
    margin: 0.4em;
    margin-top: 1em;
    font-size: 15pt;
    color: paleturquoise;
}

main h4 {
    margin: 0;
    font-size: 13pt;
    color: lightcoral;
   
}

main ul {
    margin-top: .04em;
}

.modredes {
    display: flex;
    justify-content: center;
}

.redes {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 6rem;
    margin:0;
    padding: .5em 0;
}

/*----------------- footer -----------------*/

footer {
    align-self: flex-end;
    background:lightcoral;
    margin-top: 2em;
    width: 100%;
   
}

footer div {
    display: flex;
    margin: 0 auto;
    padding: 1em;
}

footer div p {
    color: white;
    font-size: 10pt;
}