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

header{background-color: rgba(240, 125, 11, 0.99);
border-bottom-right-radius: 1rem;border-bottom-left-radius: 1rem; text-align: center


}
header #img
{text-align: center;
align-items: center;
position: relative;
color: #f01c1c}
img {
border-radius: 4rem;
width: 11rem;
margin-bottom: 1rem}

.contenedor{
    max-width: 75rem;
    margin: auto;
    
}

.menu{
    padding: 1 rem;
    color: #f01c1c;
    padding-top: 1.5rem;
    display: inline-block;
    font-family: 'Raleway', sans-serif; 
    font-weight: 400;
    text-decoration: none;  
    margin-top: 0.5rem;
    margin-right: 3rem
        
}

.menu:hover{
    background: #f01c1c;
    color: rgba(240, 125, 11, 0.99);
    padding: 0.5rem;
}
footer {background-color: rgba(240, 125, 11, 0.99)}
 h1{
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 200%;
    text-align: center;
    align-items: center;
    margin: 0 0 1rem 0;
    color: #f01c1c;
}
h2{
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 200%;
    text-align: center;
    align-items: center;
    margin: 0 0 1rem 0;
    color: #f01c1c
}

h3{
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 200%;
    text-align: center;
    align-items: center;
    margin: 2rem 0 2rem 0;
    color: #f01c1c
}

body {background-color: #c12525}

.compas
{background-color: rgba(240, 125, 11, 0.99);
margin: 3rem;
padding: 3rem;
display: inline-block;    
}
.compis {text-decoration: none;
         color: #f01c1c;
         font-family: 'Raleway', sans-serif; 
         font-weight: 400;



}

.compis:hover{
    background: #f01c1c;
    color: rgba(240, 125, 11, 0.99);
    padding: 0.5rem;
}
.materias1{background-color: rgba(240, 125, 11, 0.99);
           width: 50%;
           height: 30rem;
           padding: 1%;
border-radius: 1rem;
    margin: 2%;
    color: #f01c1c
}

section {display: flex;}

}
.materiass{background-color: rgba(240, 125, 11, 0.99); width: 50%;
           height: 30rem;
           padding: 1%;
    border-radius: 1rem;
    margin: 2%; 
color: #f01c1c}
.materias3{background-color: rgba(240, 125, 11, 0.99); width: 50%;
           height: 30rem;
           padding: 1%; border-radius: 1rem;
    margin: 2%;
            color: #f01c1c}