/* Configuración general del cuerpo */
body {
    background: rgb(169, 127, 65);
    color: white;
    font-size: 1rem;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Centrar texto en la clase hero-image */
.hero-image {
    text-align: center;
}

/* Estilo para las secciones dentro de main */
main section {
    margin-bottom: 20px; /* Puedes ajustar este valor según lo que necesites */
}

/* Configuración de la sección */
section {
    display: flex;
    justify-content: space-between;
    background-color: #856433;
    margin: 30px;
}
section article {margin: 30px;}

/* Estilo general para las etiquetas nav */
nav {
    background-color: rgb(226, 203, 168);
    text-align: center;
    font-weight: 600;
    margin: 50;
    margin-bottom: 10px;
}

/* Estilos para la clase "ejercicio5" dentro de nav */
nav.ejercicio5 {
    font-weight: 600;}

nav.menu {
    font-weight:600;}

.alumnas {font-weight: 400;  text-decoration: none;color: rgb(133, 100, 51);text-align:center; display: flex; margin:auto;
width: 80%; height: 3rem; flex-direction: column;}
.alumnas ul {list-style-type:none;}
.alumnas a {text-decoration: none;color: #fff;}

/* Estilos para los enlaces en las secciones de navegación */
nav a {
    text-decoration: none;
    color: rgb(133, 100, 51);
}

/* Eliminar puntos de los elementos de lista y márgenes */
nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}


main section article.columna-1 
{text-align: center;
font-weight: 300;
background-color: none;}

.checkbtn {font-size: 30px; color: #fff; float: right; line-height: 80px; cursor: pointer; display: none;}
#check {display: none;}


/* Configuración del pie de página */
footer {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 0.8rem;
    color: #ffffff;
}

@media (max-width: 35rem) 


{.materias{margin: 1,5rem; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center;} 
.nivel1 {width: 80%; margin: 0,5rem;}
.nivel2 {width: 80%; margin: 0,5rem;}
.nivel3 {width: 80%; margin: 0,5rem;}
.nivel4 {width: 80%; margin: 0,5rem;} 

    .checkbtn {display: block;}
.checkbtn-inside {margin: 20px;}
body{background-color: #856433;}

.menu-horizontal{position: absolute; flex-direction: column; width: 90%; height: 100vh; background: #6b6b6b; top: 0px; left: -100%; text-align: center; transition: all .5s;}

nav ul li {display: block; margin: 0.1rem; line-height: 0px;}

nav ul li a {font-size: 1.3rem;}

li a:hover, li a.active {background: none; color:rgb(40, 40, 40);}

#check:checked ~ ul {left: 0;}}