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

body{
    background: #000; 
font-family: 'Josefin Sans', sans-serif;
    text-align: left;
color:#ffffff;}

.materias{
    background: #000;
    width: 30%;
}       
.materias h4{ border-radius: 25px;
  border: 2px solid #fff;
  padding: 6px;
  width: 100px;
  height:30px;
    margin
    
}       
h4{font-weight:800;
color: #ffffff;
}
h1{color: white;}
h2{color: #ffffff;}
h3{
font-weight: 400;
color: #ffffff;
}

.fotoperfil img{
  margin-left: 10%;
    margin-top: 4%;
    margin-bottom: 1%;
    border-radius: 150px;
    border: 3px solid #ffff;
  }
    
        
     
.contenedor{
    max-width: 75rem;
    margin-left: 10%;
    }

.niveles{display: flex; }
    
.footer
{color: #acaaaa;
    font-style: italic;
    font-size: 0.8rem;

margin: 5% 34% 2% 10%; }
.botonmenu {color: #fff;
    font-style: regular;
    font-size: 0.8rem;

margin: 10% 2% 10% 10%;
    padding: 10px;
}