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

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

body { font-family: 'Montserrat', sans-serif; }
header {text-align: center; color: #62719a; background-color: #acc3e6;font-family: 'Raleway', sans-serif; font-weight: 700; font-size: 1.5rem; color: #ffffff; padding: 1rem; }
img {border-radius: 5rem; border: 0.2rem solid #ffffff; width: 150px;}

/* Menu */
nav{background-color: #5e6f8b; padding: 1rem; text-align: center;}
nav ul li {display:inline; cursor: pointer;}
nav ul li  a{color:#ffffff; text-decoration: none; padding: 1rem;}
.link-activo {background: #acc3e6;}


body {background-color: #edd7c0; }
h1 {margin-bottom: 1rem;}
h2 {font-size: 1rem; color: #5e6f8b; margin-bottom: 1rem; margin-top: 2rem; margin-left: 2rem;}
h3 {background-color: #acc3e6; font-size:1rem; color: #5e6f8b; margin-bottom: 0.8rem;}
h4 {background-color: #acc3e6;font-size:1rem; color: #5e6f8b; margin-bottom: 0.8rem;}
h5 {background-color: #acc3e6;font-size:1rem; color: #5e6f8b; margin-bottom: 0.8rem;}
article p {font-family: 'Raleway', sans-serif; font-weight: 300; font-size: 1rem; margin-bottom: 0.8rem; color: #333333}
main section article {background: #cdd7e6; padding: 1rem;}

.inicio {}
.columna-1 {width: 100%; margin-top: 1rem;}
.columna-2 {width: 100%; margin-top: 1rem;}
.columna-3 {width: 100%; margin-top: 1rem;}


footer{ padding: 1rem;}
footer p {font-size: 0.8rem; color: #767676; text-align:center;}
footer p {font-size: 0.8rem; color: #767676; text-align:center; font-family: 'Raleway', sans-serif; font-weight: 300;}


/* cuando es mayor a 48rem*/

@media screen and (min-width: 48rem) {
    
    .inicio {display: flex; justify-content: space-between;}
.columna-1 {width: 33%; margin-top: 1rem;}
.columna-2 {width: 33%; margin-top: 1rem;}
.columna-3 {width: 33%; margin-top: 1rem;}

    
}