/*
selector {propiedad:valor;}
*/

{margin 0; padding 0; box-sizing: border-box}
body{background:#000000; font-family: roboto; text-align: center}
header{background:#f0c303;}
h1{color:white}
h2{color:#d4b400;font-size:1rem;border: 0.02rem dashed yellow}
h3{background: #f0c303; color:black;font-size:1rem;margin: 1%; width: 40%}
h4{background: #f0c303; color:black;font-size:1rem;margin: 1%; width: 40%}
h5{color:#d4b400;font-size:0.9rem;margin: 1%; width: 40%}
footer p {
    color: rgb(70, 70, 70);
    line-height: 1.1rem;
    font-size: 0.6rem;
    max-width: 60rem;
    margin: auto;
    padding: 2%;
    background: gray
}
p {color:#676666;font-size:0.7rem;} 
nav {text-align: center; padding: 1%; margin:auto}

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

header {display: flex; justify-content: center}
.menu
{display: flex; justify-content: center}

.fotolucas {width: 20%; padding: 0; }

.niveluno p{background:yellow; width: 40%; margin: 1%; color: black}

.niveldos p{background:yellow; width: 40%; margin: 1%; color: black}

.niveltres p{background:yellow; width: 40%; margin: 1%; color: black}

.curso p{background:yellow; width: 40%; margin: 1%; color: black}

.rotulo {display: flex; justify-content: center}