*{margin: 0; padding: 0;}

/* HEADER */

header{
    height: 4rem;
	align-items: center;}

h3 {padding-top: 2rem;
    text-align: center;
    align-content: center;}

h3 a {
    font-family: Eczar; 
    color: #fab001;
    text-decoration: none;}

h3 a:hover{
    text-decoration: underline;
    text-decoration-style: wavy}




/* BODY */
body {background: #07031f;}


/* MAIN */
main { height: 30rem ; }


/* NOMBRE - h1 */
h1 {font-family: Eczar;
    font-weight: 600;
    color: #fab001;
    text-align: center;
    font-size: 4rem;
    font-kerning: normal}
.dg { font-size: 20px; margin: 1rem}
.dg a{color:#fab001; text-decoration: none}
.dg a:hover{ text-decoration: underline; text-decoration-style: wavy }

/* IMAGEN */
p { text-align: center}
body p img { 
    border-radius: 55rem;
    border-style: solid; 
    border-color: #8b1643; 
    border-width: thick;}


/* ESTILOS DE NAV */

nav{ display: flex;
	flex-wrap: wrap;
	justify-content: center; }

nav ul {
    color: #f5b400;
    text-align: center; 
    background:#8b1643;
    border-radius: 5rem;    
    width: 52rem;
    margin: 1rem}

nav ul li {display: inline-block;
        font-family: Eczar; 
        margin: 1rem 2rem 1rem 2rem; 
        }


nav ul li a {color: #fab001; font-size: 20px ; text-decoration: none; }

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


/* NIVEL - MATERIAS */

section{display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content:center;
	align-items: center;
	align-content: stretch;
    max-width: 80rem;
    margin: auto;
    }
h2{color: #8b1643; font-size: 2rem; font-family: Eczar}

article {
    height: 20rem;
    width: 25%;
    padding: 2rem;
    padding-left: 3rem;
    margin: 1rem;
    align-self: center;
    border-radius: 5rem;
    background: #fab001;
    background-clip: padding-box;
}

article ul li { padding: 10px;
                font-family: roboto;
                    color: #07031f;
                font-size: 18px}



footer { 
    background: #8b1643;
    height: 6 rem;
    font-family: Eczar;
    font-weight: 400;
    text-align: center;
    padding: 1rem 13rem 1rem 13rem;    
    }