@import url('https://fonts.googleapis.com/css?family=Palanquin+Dark|Secular+One|Roboto+Slab:300,700'););
*{ margin: 0;}
body { background: linear-gradient(#44e8ff, #00414a);
    font-family: Palanquin Dark, Arial, sans-serif;
    color:#000;
    }
header {
        background: #cc1010; padding: 10;
            
}
nav{;  
    color:#a6cae0;
    
}
nav ul {
        padding:20; text-align: center
}

.home {background-color: #b9b9b9; color: black; border-radius: 1rem; margin: 5px; padding: 10px; text-decoration: none} 
.plan {background-color: #b9b9b9; color: black; border-radius: 1rem; margin: 5px; padding: 10px; text-decoration: none} 
.mapa {background-color: #b9b9b9; color: black; border-radius: 1rem; margin: 5px; padding: 10px; text-decoration: none} 
.app {background-color: #b9b9b9; color: black; border-radius: 1rem; margin: 5px; padding: 10px; text-decoration: none} 
nav ul li a {
            color: #fff;
            text-decoration: none;
            text-align: center;
            background: #ccc;
            display: block;
            padding: 2rem;
}
nav ul a:hover {
                    background: #d30000; color: #fff; 
}
h1 {
    color: #fff;  
    text-align: center; background-color: #b20000; margin: 20px; 
    border-radius: 1rem; 
    font-family: 'Roboto Slab', serif; 
    font-weight: 700;
}

h2{
    text-align: center; color: #ffffff; border-bottom: 0.1rem solid #fff; font-family: 'Roboto Slab', serif; font-weight: 300 
}
.image {
    width:90%; 
    border-radius: 2rem; 
    margin-top: 1.6rem;
    position: relative
}
.materias {
    display: flex; 
    flex-direction: row; 
    flex-wrap: nowrap; 
    justify-content: center; 
    align-items: stretch; 
    align-content: stretch;  
    padding: 5rem}

main section h3{ 
    padding-left: 3pc; 
    }
main section h4 a{ 
    color: #fff; 
    padding-left: 1pc; 
    text-decoration: none
    }
main section h4 a:hover{ color: #000;
    }
    body footer p { text-align: center; color: #fff; border-radius: 1rem;background-color: #000000;
       }
h5 {
    color:aliceblue; 
    background-color: rgba(0, 0, 0, 0.58); 
    padding: 1rem;
    font-family: sans-serif;
font-weight: 400;
text-align: center}

@media (min-width 30rem) {
    section {flex-direction: row}
    article {width 60%}