* { box-sizing: border-box; margin: 0; padding: 0 }
        
/* celu */


/*
@media only screen and (max-width:600px)

{

*/

.contenedor {max-width: 100%; margin: auto; }
main {display: flex; justify-content: space-around; flex-direction: row-reverse; }
section { width: 60% }
img { margin-bottom: 10%; width: 100%}
aside { height: 30rem; width: 20%}
footer {box-sizing: border-box; border-style: solid; border-width: 2px; height: 6rem; padding: 1rem; font-family: arial; text-align: justify; text-justify: inter-word; display: flex; justify-content: space-around }
.links {float: left; margin-left: 10%; display: flex; flex-direction: column; font-size: 1.5rem }
li { padding: 8px;
  margin-bottom: 32px;
  background-color: black;
  color: #ffffff; list-style: none}
.lista {color: #ffffff; text-decoration: none; font-family: arial; font-weight: bold; margin-right: 1em}
h1 { font-family: arial; font-weight: bold; font-size: 3rem; text-align: center; padding: 1rem; background-color: white; color: black; width: 20%; border-style: solid; border: 5px, #000000; margin: 5% 0 0 5% }
a {text-decoration: none; color: black; border: 5px, black}
.izq {width: 20%; }
.materias { background: black; color: white; font-family: arial; font-size: 2rem; display: flex; flex-direction: column; flex-wrap: wrap; clear: both; height: 60%; padding: 1rem; }
.nombre {margin-right: 20%; margin-bottom: 2.5%; text-align: right; font-family: arial black; font-size: 3rem}
.linea2 {display: none}
.grupo {  display: flex; flex-direction: row; justify-content: space-between}
h3 { margin-bottom: 1rem }
p { margin-bottom: 1rem}

/*
}
*/

/* notebook */
/*

    @media all and (min-width: 30rem){ 

.contenedor {max-width: 75rem; margin: auto; }
main {display: flex; justify-content: space-around; background: #c90000 }
section { width: 90%; }
img { float: right; margin-right: 3rem}
aside { width: 10%; height: 30rem }
footer { content: ""; clear: both; display: table; box-sizing: border-box; width: 50%; border-style: solid; border-width: 2px; height: 6rem; padding: 1rem; font-family: arial; text-align: justify; text-justify: inter-word }
ul {float: right; margin-right: 10%; display: flex; flex-direction: column; }
li { padding: 8px;
  margin-bottom: 32px;
  background-color: black;
  color: #ffffff; list-style: none}
.lista {color: #ffffff; text-decoration: none; font-family: arial; font-weight: bold }
h1 { font-family: arial; font-weight: bold; font-size: 5rem; padding: 1rem 0 1rem 2rem; background-color: white; color: black; width: 20%; border-style: solid; border: 5px, #000000}
a {text-decoration: none; color: black; border: 5px, black}
.izq {width: 30%; }
.linea {border-style: solid; border-top-color: black; border-top-width: 0.3px; margin-bottom: 2rem; width: 90%}
.materias { background: black; width: 35%; color: white; font-family: arial; padding: 1rem}
.nombre {margin-left: 23%; font-family: arial black; font-size: 3rem}
.linea2 {border-style: solid; border-bottom-color: black}
.grupo{float: right}

}


*/



/*

@media only screen and (min-width: 600px){
    
.contenedor {max-width: 75rem; margin: auto; }
main {display: flex; justify-content: space-around; }
section { width: 90%; height: 40rem; }
img { float: right; margin-right: 3rem}
aside { width: 10%; height: 30rem }
footer { content: ""; clear: both; display: table; box-sizing: border-box; width: 50%; border-style: solid; border-width: 2px; height: 6rem; padding: 1rem; font-family: arial; text-align: justify; text-justify: inter-word }
ul {float: right; margin-right: 10%; display: flex; flex-direction: column; }
li { padding: 8px;
  margin-bottom: 32px;
  background-color: black;
  color: #ffffff; list-style: none}
.lista {color: #ffffff; text-decoration: none; font-family: arial; font-weight: bold }
h1 { font-family: arial; font-weight: bold; font-size: 5rem; padding: 1rem 0rem 1rem 1.5rem; background-color: white; color: black; width: 20%; border-style: solid; border: 5px, #000000; }
a {text-decoration: none; color: black; border: 5px, black}
.izq {width: 30%; }
.linea {border-style: solid; border-top-color: black; border-top-width: 0.3px; margin-bottom: 2rem; width: 90%}
.materias {background: black; width: 40%; color: white; font-family: arial; padding: 1rem}
.nombre {margin-left: 23%; font-family: arial black; font-size: 3rem}
.linea2 {border-style: solid; }
.grupo{float: right; margin-top: 0.5rem}
h3 { margin-bottom: 1rem }
p { margin-bottom: 1rem}

}

*/