*{box-sizing: border-box; margin 0; padding 0}
body {background-color:black; font-family: sans-serif}

header img {width: 100%; height: 300px}

h1{color: whitesmoke; margin: 2rem 0 2rem 0; font-size: 3rem}


.h2 img {width: 200px; display: flex; border-radius: 150px; justify-content: center; margin-left: 900px}

a{color: whitesmoke; text-decoration: none;}


center img {width: 300px; display: flex; justify-content: center; margin-left: 0px; }

h3 {color: whitesmoke; font-size: 3.4rem; margin: 2rem 0 2rem 0; text-align:center; font-weight: 200; margin: 1 0 2rem 0}

p {color: whitesmoke; font-size: 2rem; margin: 4rem 0 4rem 0; text-align:center; font-weight: 200; margin: 1 0 2rem 0}


h4 {color:whitesmoke; font-size: 2rem; margin: 6rem 0 6rem 0; text-align:left; font-weight: 100; margin: 1 0 2rem 0}



p {color: whitesmoke; font-size: 20px;}


.contenedor h1 {width:  60%}

.contenedor nav {width: 40%}

nav ul {display: flex; padding: 0; margin:0;justify-content: flex-start;text-align: right; align-content: space-around}
nav ul li {list-style-type: none}
nav ul li a {padding: 1rem;background: #000; margin: 3rem 1rem 3rem 0rem ; color: #fff; }
nav ul li a {border: 0.1rem solid #F7F7F7; color: #F7F7F; border-radius:50px}

.titulo{font-weight:bold; margin: 0 0 1rem 0}
.subtitulo {font-weight:bold; margin: 2rem 0 1rem 0}
.materias{display: flex;justify-content: space-around;margin-top: 4rem; text-align: left }

.academico{margin: auto;background-color: black; padding: 1rem; max-width: 1280px;}

.academico p{font-size: 1rem} 
.niveles margin {4rem 0 4rem 0}