@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');

*{padding: 10; margin: 20; box-sizing: border-box;}
body{background: rgb(40, 40, 131); text-align: center; font-family: 'Lato', sans-serif;}
body{color: rgb(206, 207, 255);}
header section nav a {text-decoration: none; color:#4F7369; background:#af0c0c; padding: 0.5rem; padding-left: 0.5rem;padding-right: 0.5rem; font-weight: 600; letter-spacing: 1px;}
header{background: #af0c0c;}
section a{text-decoration: none; color:#ffffff; background:#af0c0c; padding: 1rem; padding-left: 1rem;padding-right: 1rem; font-weight: 600; letter-spacing: 1px;}
h1{color: white; font-size: 1rem;}
h3{color: white;}
footer p{ color: rgb(225, 221, 236); font-size: 0.7rem; text-align: center;}
.mifoto{width: 30%; border-radius: 50%;}
.logobajo{width: 5%; border-radius: 5%;}
.linkvn02 {text-decoration: none; color: rgb(252, 252, 252);}
section article{padding: 2rem; background:rgb(11, 11, 77)}
header{padding: 1rem;}
footer p{padding: 1rem;}



/*version grande */
@media (min-width:576px)  {
        
body{background: rgb(40, 40, 131);}
header {text-align: center;}
section article{width: 48%; background:rgb(11, 11, 77)}
section{display:flex; justify-content: space-around;}
section a{padding: 1rem; width: 30%}
h1{color: white; font-size: 2rem;}
.mifoto{width: 10%; border-radius: 50%;}
header nav a{padding: 2rem;}

}