@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;700&display=swap");

* {padding:0;
    margin:0; 
    box-sizing: border-box; 
    transition: 0.2s all;
    text-decoration: none;}




body{background:#FFFFFF;
    font-family:'Quicksand', sans-serif;
    font-size: 0.8rem;
    }

body header {
    text-align: center;
    width: auto;
    align-content: center;
    background: #FE765E; 
    padding: .5rem 1rem; 
}


body header img {
    background: transparent;
    border-radius: 80px;
    vertical-align: middle;
    border: 0.2rem solid #84D9D0;
}

body header h1 {
    color:#052464; 
}

body header h2 {
    color:#84D9D0; 
    font-weight: 500;
}

body nav { 
    text-align: center;
    width: auto;
}
body nav ul {
    background:#052464;             word-spacing: 5rem;             padding: .5rem 1rem;  
}

body nav ul li{
    display: inline-block; 
}

body nav ul li a{
    text-decoration-line: none;
    color: #ffffff;
}

.link-activo{color:#84D9D0;}

body main{
    background: #84D9D0;         padding-bottom: 1rem;         padding-top: 1rem;         padding-left: 1rem;           margin: 0;
}

.titulo-mat-apr{
    color:#052464;
                }

.columnas h3{color:#052464;
            padding-top: 1rem;}

body main section article ul {color:#ffffff; list-style: none;}



body footer{background: #FE765E; 
            padding-top: 0.5rem; 
            padding-bottom: 0.5rem; 
            padding-left: 1rem; 
            padding-right: 1rem;
            color:#ffffff;
            font-size: 0.6rem;
            font-style: italic;}




/*cuando es mayor a 768px*/


@media screen and (min-width:48rem){
    .inicio{display: flex; justify-content: space-between;}
    .columna-1{width: 33%;}
    .columna-2{width: 33%;}
    .columna-3{width: 33%;}
    img {width: 100px; border-radius: 50px;}
}