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

.div-contenedor-header{
    display: flex;
    align-items: center;
    justify-content: center;
}
.encabezado{
    margin: 0%;
    padding: 0%;
    top: 0%;
    background: #97855f;
    box-shadow: 9px 8px 9px 0px #97855f;
    margin-top: 0vmax;
    position: fixed;
    width: 100%;
    height: 5vmax;
    position: fixed;
}

.lista{
    list-style: none;
    display: inline-block;
    
}

.a{
    text-decoration: none;
    color: rgb(255, 255, 255);
    font-family: 'Montserrat', sans-serif;
    font-size: 3vw;
    margin-right: 3vh;
    
}

.a:hover{
    color: #BAA375;
}

main{
    width: 100vw;
}

body{
    background-color: #c5ad7d;
    margin: 0;
    padding: 0;
    margin-top: 6vmax;
}

.flecha{
    position: fixed;
}

.imagen-flecha{
    margin-top: 1vmax;
    width: 6vmin;
    height: 2.5vmax;
}


.seccion-1{
    width: 90vw;
    margin-left: 5vw;
    padding-top: 0.1%;
}

.seccion-2{
    width: 90vw;
    margin-left: 5vw;
    padding-top: 0.1%;
    margin: 5%;
}

.seccion-3{
    width: 90vw;
    margin-left: 5vw;
    padding-top: 0.1%;
}

.seccion-4{
    width: 90vw;
    margin-left: 5vw;
}

.div-contenedor{
    display: flex; 
    align-items: center;
    width:100%
}



.derecha{
    width:70%;
}
.titulo-presentacion{
    font-family: 'Montserrat', sans-serif;
    font-size: 10vmin;
    text-align: center;
    padding-top: 0vmax;
    margin-top: 0vmax;
    padding-bottom: 0vmax;
    margin-bottom: 0vmax;
    color: rgb(250, 242, 227);
}

.texto-presentacion{
    font-family: 'Montserrat', sans-serif;
    color: rgb(252, 232, 195);
    font-size: 3vmin;
    padding-top: 1vmax;
    text-align: justify;
    border-top: 2px solid rgb(252, 232, 195);
    margin: 3vmin;
    margin-bottom: 0vmax;
    padding-bottom: 0vmax;
    margin-right: 5.5vh;
}

.imagen-presentacion{
    
    margin-top: 4vmax;
    margin-right: 4vmin;
    margin-left: 5.5vh;
}

.imagen-presentacion{
    width:30%;
}

.imagen-presentacion img{
    width:100%;
    box-shadow: 5px 5px 20px 1px black;
}

.div-contenedor2{
    /*display: flex;*/
    align-items: center;
    width: 100%;
}



.derecha2{
    width:20%;
}

.titulo-mi-paso-por-el-illia{
    font-family: 'Montserrat', sans-serif;
    font-size: 15vmin;
    text-align: center;
    margin-bottom: 0%;
    padding-bottom: 0%;
    color: rgb(250, 242, 227);
}

.texto-mipasoporelillia{
    font-family: 'Montserrat', sans-serif;
    color: rgb(252, 232, 195);
    font-size: 3vmin;
    padding-top: 2vmin;
    text-align: justify;
    border-top: 2px solid rgb(252, 236, 207);
    margin: 3vmin;
    margin-left: 5.5vh;
}


.imagen-mipasoporelillia{
    
    margin-top: 10vmin;
    margin-right: 4vmin;
    margin-left: 4vmin;
    margin-right: 5.5vh;
}

.imagen-mipasoporelillia{
    width:50%;
}

.imagen-mipasoporelillia img{
    width:100%;
    box-shadow: 5px 5px 20px 1px black;
}

.titulo-sobremi{
    font-family: 'Montserrat', sans-serif;
    font-size: 15vmin;
    text-align: center;
    margin-bottom: 0%;
    padding-bottom: 0%;
    color: rgb(250, 242, 227);
    
}

.texto-sobremi{
    font-family: 'Montserrat', sans-serif;
    color: rgb(252, 232, 195);
    font-size: 3vmin;
    padding-top: 2vmin;
    text-align: justify;
    border-top: 2px solid rgb(252, 232, 195);
    margin-left: 5.5vh;
    margin-right: 5.5vh;
}

.redes{
    text-decoration: none;
    color: rgb(252, 232, 195);
    font-family: 'Montserrat', sans-serif;
}

.spotify{
    text-decoration: none;
    color: rgb(252, 232, 195);
    font-family: 'Montserrat', sans-serif;
}

.spotify:hover{
    color: #BAA375;
    background-color: white;
}

.redes:hover{
    color: #BAA375;
    background-color: white;
}

.div-contenedor4{
    display: flex;
    flex-direction: column;
}

.titulo-futuro{
    font-family: 'Montserrat', sans-serif;
    font-size: 15vmin;
    text-align: center;
    margin-bottom: 0%;
    padding-bottom: 0%;
    color: rgb(250, 242, 227);
}

.texto-futuro{
    font-family: 'Montserrat', sans-serif;
    color: rgb(252, 232, 195);
    font-size: 3vmin;
    padding-top: 2vmin;
    text-align: justify;
    border-top: 2px solid rgb(252, 232, 195);
    margin-left: 5.5vh;
    margin-right: 5.5vh;
}

.imagen-futuro{
    
    margin-top: 4vmax;
    align-self: center;
}

.imagen-futuro{
    width:50%;
    /**height: 20%;**/
}

.imagen-futuro img{
    width:100%;
    /*  height: 100%;*/
    box-shadow: 5px 5px 20px 1px black;
}

.footer{
    font-family: 'Montserrat', sans-serif;
    font-size: 2vw;
    background-color: #9b8962;
    color: #fffef4;
    display: block;
    position: relative;
    height: 7.5vmax;
    margin-right: 0vmin;
    margin-left: 0vmin;
    padding: 0vmin;
    padding-left: 3vmin;
    padding-right: 3vmin;
    box-shadow:  9px 8px 9px 15px #97855f;
}

.lista-footer{
    text-decoration: none;
    color: rgb(255, 255, 255);
    font-family: 'Montserrat', sans-serif;
    font-size: 2vw;
    margin-right: 3vh;
}

.imagen-illia{
    position: absolute;
    top: 0vmin;
    right: 1vmax;
    padding: 0%;
    margin: 0vh;
    align-items: center;
}

.imagen-illia{
    width:7%;
    height: 78%;
}

.imagen-illia img{
    width:100%;
    height: 100%;
}