@import url('https://fonts.googleapis.com/css?family=Roboto:300,400'
            'https://fonts.googleapis.com/css?family=Oswald'
            'https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700');

*{margin:3;
	box-sizing: border-box;text-decoration: none;}

body {
    
    background:#579a9a;
    font-family:'Roboto';
    color:#fff;
    
    
}

header {
    
    background: #fff;
    font-family:;'Roboto'
    color: #bb3bff;
    
       }
nav {
    
    background: #579a9a;
    color: #ffb100; 
    
}


h1{text-align: center;background:#579a9a; color: #ffb100; font-size: 2rem}
h2{
    color: #fff;background:#434343;text-align: center;

}
h3 {text-align: center;}
nav ul{padding: 0;}

nav ul li {
    
    list-style-type: none; font-family:'Roboto'; 
}

nav ul li a {text-decoration: none;color: #fff;text-align:center;background: #434343; display: block;padding: 1rem;font-family:'Roboto'; }

nav ul li a:hover{background: #fff;color:black;}


.nivel {
    text-transform: capitalize;
    text-align: left;
    font-family: 'Roboto' ;
    font-weight: 100;
    display: inline-flex;
}

.nivel ul h3 {
    font-family: 'Roboto';
    color: black;
    font-size: 20pt;
    background: #fff
}

.nivel ul  {
    list-style-type: inherit;
    padding: 0.5rem 0rem;
    text-decoration: none;
}

ul li b {
    font-weight: 600; text-decoration: none;color:#434343;list-style-type: inherit;
}

.nivel ul { background:#ffd472;padding: 0.5rem 0rem;
    margin: 0.5rem;
    border-radius: 1rem;
    height: auto;
    min-width: 20rem;
 text-align: center;color:#434343 ;margin:auto;
}


.imagenysonido {
    text-transform: capitalize;
    text-align: left;
    font-family: 'Roboto' ;
    font-weight: 100;
    display: inline-flex;
}

.imagenysonido ul h3 {
    font-family: 'Roboto';
    color: black;
    font-size: 20pt;
    background: #fff
}

.imagenysonido ul  {
    list-style-type: inherit;
    padding: 0.5rem 0rem;
    text-decoration: none;
}

ul li b {
    font-weight: 600; text-decoration: none;color:#434343;list-style-type: inherit;
}

.imagenysonido ul { background:#ffd472;padding: 0.5rem 0rem;
    margin: 0.5rem;
    border-radius: 1rem;
    height: auto;
    min-width: 20rem;
 text-align: center;color:#434343 ;margin:auto;
}


@media(min-width:60rem){
    
    .materias {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
	align-content: center;
}