@import url('https://fonts.googleapis.com/css2?family=Recursive:wght@300;500;700&display=swap');

*{padding:  0; margin: 0; box-sizing: border-box; transition:1s all ; }

/* Estilos Generales*/

body { font-family: arial;}
header { color: #ffffff ; background:  #00b2ab; padding: 1rem; }

main section article{  padding: 1rem ; }
main section aside{ background:  #00b2ab; padding: 1rem;}

h1{font-family: 'Recursive', sans-serif; font-size: 2.5rem;font-weight: 700;}
h3{font-family: 'Recursive', sans-serif;font-size: 1.5 rem; font-weight: 300;}

.inicio { ;}
.columna-1 {background: #00b2ab; width: 100%  ; }
.columna-2{background:#3bccc7;width: 100%  ;}
.columna-3 {width: 100% ;}

footer{ background:  #c8ffdd; padding:  1rem ;}
footer p{ font-size: 0.7rem; color: #7b7b7b;font-family: 'Recursive', sans-serif;font-weight: 300;text-align: center; }




/* Menu */
nav { background: #00847f;padding: 1rem; }
nav ul li{ display: inline-block;}
nav ul li a{ color: #fff; text-decoration: none ; background: #17c7c1; padding: 1rem; }
.link-activo {background: #208884;}



/* cuando es mayor a 768px */

@media screen and (min-width:48rem){
    
    nav{ background: red;}
    
    .inicio{ display: flex; justify-content: space-between;}
    .columna-1{background: #a6ddff; width: 33%; }
    .columna-2{background: #87c6ed; width: 33%;  }
    .columna-3{width: 33%; }
  
}




/* Cuando es mayor a 980px */

@media screen and (min-width:980px) {
    
    nav { background: #208884;}
    

    
    
}