@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300&display=swap');
body{
    background-image:url("../imagenes/fondo_anuario.png");
}
/* Cabecera */
.header{
    display: flex;
    flex-direction: row;
}
.img{
    width: 6%;
    height: 6%;
    border: 3px solid #74747888;
    border-radius: 50%;
}
.header-text{
    color: #747478;
    text-align: left;
    margin-left: 1%;
    vertical-align: middle;
}
/* Cuerpo */
h1{
    color: #747478;
    font-family: 'Quicksand', sans-serif;
    font-size: 8vmin;
    font-weight: 500;
    text-align: center;
}
/* Botones del menú */
.navigation{
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: 10vh;
}
.main-img{
    height: 20vmin;
    width: 20vmin;
    display: flex;
    align-items: center;
}
.item{
    display: flex;
    flex-direction: column;
}
p{
    display: flex;
    font-family: 'Quicksand', sans-serif;
    font-size: 4vmin;
    text-align: center;
}
.link{
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #747478;
    font-weight: 400;
    text-decoration: none;
}
@media (max-width: 900px){
    .navigation{
        display: flex;
        flex-direction: column;
    }
}
/* Pie de Página */
.footer-img{
    height: 7vh;
    width: 7vw;
    float: right;
    margin-top: 3.8%;
}