@import url('https://fonts.googleapis.com/css?family=VT323');
    @import url('https://fonts.googleapis.com/css?family=Roboto:400,700');


nav ul li a{float: left; text-decoration: none; display:block; margin-right: 1rem; padding:1rem 1rem 1rem 1rem; color: white; font-family: roboto;}
nav ul li{list-style-type: none; background: #12cc2f;}
body{padding: 1rem;}
header{background: #d1cfcf;}
p{text-align: left; font-family: roboto;}
h3{text-align: left; font-family: roboto; font-size: 700;}

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


.columna1{background: #cfd5f5;padding: 1.5rem; margin:1rem; width: 27%; float: left; height: 300px;}
.columna2{background: #cfd5f5;padding: 1.5rem; margin:1rem; width: 27%; float: left; height: 300px;}
.columna3{background: #cfd5f5;padding: 1.5rem; margin:1rem; width: 27%; float: left; height: 300px;}
.columnas{height: 400px;margin: auto;}


section article img{border-radius: 12rem; text-align: center;}
section article{text-align: center; padding: 4rem 0 1rem 0; background-image: url("../img/banner.jpg");}

h1{font-size: 3rem; text-align: center; color: darkorange; font-family: vt323; display:block;}
h2{text-align: center; font-size: 2rem; color: darkorange; font-family: vt323;}
footer{padding: 2rem 0; margin: 1rem; font-size: 1rem; color: darkgrey; clear: both;}