@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');
@media screen and (min-width:300px) and (max-width:800px) {
body{font-size:0.8em;}
sidebar{display:none;}
}


body {background-color: wheat; padding: 10em; font-family: 'Raleway'; text-align: center; }

#menu {
    
    background-color: #808080;
}

#menu ul {
            
            list-style: none;
            margin: 0;
            padding: 0;
}

#menu ul li {
    
            display: inline-block;
        
}

#menu ul li a {
    
            color: white;
            display: block;
            padding: 1em 10.76em;
            text-decoration: none;
        
}

#menu ul li a:hover {
    background-color: black;
    
}

h1 {color: black}

h2 {color: black;
    padding-top: 2em;
}

#intro {padding-top: 2em; }


#materiasaprobadas ul {
            
            list-style: none;
            margin: 0;
            padding: 0;
}

#materiasaprobadas ul li {
    
            display: block;
        
}

#materiasaprobadas ul li a {
    
            display: block;
            text-decoration: none;
}

                        
        
}

#mockup {padding-bottom: 2em;

    
}

#pie ul {
            
            list-style: none;
            margin: 0;
            padding: 0;
            font-size: 0.9em;
}

#pie ul li {
    
            display: block;
        
}

#pie ul li a {
    
            display: block;
            text-decoration: none;
            
}

footer {
    
            background-color: #808080;
}

footer p {  color: white;
            padding: 2em;
            font-size: 0.9em;
}