@import url('https://fonts.googleapis.com/css?family=Bai+Jamjuree');


*{ margin: 0; padding: 0;}

/* Estilos generales */
body{font-family: 'Bai Jamjuree', sans-serif;  background: #ffffff;}
h1{ color: #000; background: #fff; font-size: 5rem; text-align: center; margin: 2rem; padding: 2rem;  }
h2{ color: #000;; font-size: 2rem; text-align: center; margin: 2rem; padding: 2rem;  }
h3{ color: #000; background: #fff; font-size: 1rem; text-align: center; margin: 1rem; padding: 1rem; text-decoration: none; }
a{text-decoration: none;}
header{ background: #888fc7;}

.fotos {
    border-radius: 8rem;
    display: flex;
    flex-wrap:wrap;
    justify-content: center;
}

.divisor {
    
    background: #fff;
    
}

.materias {
    display: flex;
    flex-wrap:wrap;
    justify-content: center;
}

.textomaterias {
    display: flex;
    flex-wrap:wrap;
    justify-content: center;
    text-align: center;
    overflow-wrap: break-word;
    display: block;
    clear: both;
    margin: 1rem 5rem 1rem 5rem;
}

.divisormaterias {
    
    display:block;
    clear:both;
    width:100%;
        
}

/* Estilos de nav */
nav{ text-align: center;}
nav ul li{ list-style-type: none; display: inline-block;  background: none; }
nav ul li a{ color: #000; text-decoration: none; padding: 1rem ; display: inline-block;}
nav ul li a:hover{ background: #fff;}
p {margin: 1rem}

/* Estilo de footer */
footer{background: #000000; font-size: 0.75rem; text-align: center; margin-top: 0rem;}
h5{color:#ffffff; margin: 0rem 2rem 2rem 2rem; font-size: 0.75rem;}
h4{color:#000000; margin: 0rem 2rem 2rem 2rem; font-size: 0.75rem;}

/* Estilos de aside */
aside {font-size: 0.75rem; text-align: center; margin-top: 10rem;}