@charset "uft-8";
*{
    box-sizing: border-box;
}
ul {
    list-style-type: none;
    padding-left: 0;
}

nav ul li a {
    list-style: none;
    text-decoration: none;
    color: #ea931f;
    display:block;
    text-align: center;
    font-family: 'Lato', sans-serif;
    padding: 0.25em;
}

nav ul li a:hover{
 list-style: none;
    color: white;
   background: #ffffff;
    font-weight: bold;
    
}
header{background: #ea1f41;}
p{text-align: left; font-family: 'Roboto', sans-serif;}
h3{text-align: left; font-family: 'Roboto', sans-serif;; font-size: 700;}

nav ul li a:hover{color: darkorange;}
nav ul:hover{background: #ea1f41;}


.columna1{
    padding: 1.5rem; 
    margin:1rem; 
    width: 20%; 
    float: left; 
    height: 300px;
    background-color: aqua;
}
.columna2{
    padding: 1.5rem; margin:1rem; width: 20%; 
    float: left; height: 300px;
    background-color: aqua;
}
.columna3{
    padding: 1.5rem; margin:1rem; 
    width: 20%; float: left; height: 300px;
background-color: aqua;
}
.columnas{
    height: 400px;margin: auto;
}


section article img{border-radius: 12rem; text-align: center;}
section article{text-align: center; padding: 4rem 0 1rem 0;}

h1{
    font-size: 3rem; text-align: center; color: darkorange;font-family: 'Roboto', sans-serif; display:block;}

h2{
    text-align: center; font-size: 2rem; color: darkorange; font-family: 'Roboto', sans-serif;}

footer{ 
    background-color: #ea1f41;
    padding: 2rem 0; margin: 1rem; font-size: 1rem; color: #ea931f; clear: both;}