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

*{padding:  0; margin: 0;}

/* Estilos Generales*/

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

/* Mi foto*/
.avatar {
  border-radius: 50%;
  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;}
h2{font-family: 'Recursive', sans-serif; font-size: 1.5rem;font-weight: 700;}
h3{font-family: 'Recursive', sans-serif;font-size: 1.5 rem; font-weight: 300;}

.inicio { display: flex;justify-content: space-between;}
.columna-1 {background: #00b2ab; width: 25%  ; }
.columna-2{background:#3bccc7;width: 25%  ;}  
.columna-3 {background: #00b2ab; width: 25%  ;}
.columna-4 {background:#3bccc7;width: 25%  ;}

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;}