@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,700,900');
@import url('https://fonts.googleapis.com/css?family=Inconsolata|Josefin+Sans:400,700')

    *{  
    margin: 0; 
    font-size: 100%     
}

a {
 text-decoration: none;
    color:#aca8a8;
}

body {
    background:rgb(17, 2, 38);
    font-family: 'Josefin Sans', sans-serif;
    text-align: center;
    }

header{
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
    color:#f5e9e9;
    text-align: center;
    padding: 0,3rem;
   
}

nav ul {
    padding: 0rem;
    display: inline;
    display: inline;
}

nav ul li {
    list-style-type: none;
    font-size: 0,5rem;    
}

nav ul li a:hover {
    background:#aca8a8;
    color:rgb(17, 2, 38);
    display: block;
    padding: 0.3rem;
}

.vn {
    font-size: 3rem;
    padding: 1rem;
}

.vn a:hover {
    background:#aca8a8;
    color:rgb(17, 2, 38);
    display: block;
    padding: 1,5rem;
}

section article ul {
    font-size: 0,1rem;
    list-style-type: none;
    color:#fcf3f3;
}

h3 {
    font-size: 1rem;
    padding: 0,2rem;
    color: #e9e8ea;
}

h4 {
    font-size: 1.5rem;
    color: #aca8a8;
    padding: 0,3rem;
    text-align: left;
    display: inline-block;
    clear: both;
}

h5 {
    font-size: 1rem;
    color: #ffcdc4;
    padding: 0,3rem;
}

.img  {
    
    filter: grayscale(100%);
    float: left;
    padding: 1rem;
}
  

footer {color: #525555; font-size: 0.6rem; text-align: center; padding: 2rem; font-weight: 300; width: 100%; background-color: #04002c;
    height: 4rem;
}



.mainnav {
    background-color: #385ffd;
    font-weight: 400;
    padding: 1rem;
    display: block;
}

.texto {
    color: azure;
    text-align: left;
    float: right;
    width: 75%;
}

.aboutme {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    background-color: #04002c;
}

.materias {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    align-content: center;
    text-align: center;
}

.niveles {
    text-align: left;
        
}

.cursadas {
    color: #385ffd;
    padding-bottom: 0.5rem;
    text-align: inherit;
    font-weight: 600;
    
}