*{
    font-family:sans-serif ;
    margin: 0;
    padding: 0;
}
.seccion{
    min-height: 100vh;
    width: 100%;
    padding: 0%;
    margin: auto;
    text-align: center;
}
.presentacion{
    background-color: rgb(135, 223, 250);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0;
}
.preguntas{
    background-color: rgb(83, 178, 223);
    background-image: url(../img/entrevista\ carpinchos.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 50% 40%;
    line-height: 5vmin;
    font-weight: 500;
}

.izq{
    margin-left: 5%;
    margin-right: 5%;
    padding-left: 5%;
    text-align: left;
    color: rgb(10, 10, 77);
    font-weight: 700;
    text-shadow: 2px 2px 2px rgb(83, 178, 223);
}

.der{
    margin-left: 5%;
    margin-right: 5%;
    padding-left: 5%;
    text-align: right;
    color:  rgb(83, 178, 223);
    font-weight: 700;
    text-shadow: 2px 2px 2px rgb(10, 10, 77);
}

.respuesta{
    font-family: Arial;
    font-weight: 800;
}

.illia{
    background-color: rgb(135, 223, 250);
}
.preferencias{
    background-color: rgb(83, 178, 223);
}
.futuro{
    background-color: rgb(135, 223, 250);
}

.lovehate{
    display: flex;
    flex-direction: row;

}

.love, .hate{
    margin-left: 0;
    margin-right: 1vmax;
    margin-bottom: 1vw;
    width: 45vw;

}

.love div, .hate div{
    display: flex;
    align-items: center;
    height: 30vh;

}

.lovehate p{
    width: 40vw;

}

.lovehate img{
    margin-left: 4vw;
    width: 15vw;
    height: 15vw;

}

.collage_h, .collage_v{
    display: none;
    width: 90%;
    margin: auto;
}

.collage_h img{
    width: 100%;
}

.collage_v img{
    width: 100%;
}

@media (orientation:landscape){
    .collage_h{
        display: block;
    }
}

@media (orientation:portrait){
    .collage_v{
        display: block;
    }
}

header{
    text-align: center;
    font-weight: bold;
    font-size:larger;
    width: 100%;
    height: 25px;
    color:black;
    background-color: #2ef3d2;
    position: fixed;
    top: 0%;
}

footer{
    text-align:center; 
    font-weight: bold;
    font-size:larger;
    width: 100%;
    height: 25px;
    color:black;
    background-color: #2ef3d2;
    position: fixed;
    bottom: 0%;
}

.btn a, #regresar a{
    background-color: inherit;
  }
  
  .btn:hover  ,#regresar:hover {
    background-color: #35ff79;
    box-shadow: 0px 15px 25px rgba(46, 229, 101, 0.4);
    color: #fff;
    transform: translateY(-7px);
  }
  
  .btn:active ,#regresar:active {
    transform: translateY(-1px);
  }
  
  .btn{ /* BOTON PARA VOLVER AL INICIO */
    display: inline-block;
    align-items: center;
    justify-content: center;
    user-select: none;
    position: fixed;
    padding: 0.7em 1.5em;
    font-size: 0.87vmax;
    text-transform: uppercase;
    letter-spacing: 0.15vmax;
    font-weight: 545;
    color: #000;
    background-color:#66ffb8;
    border: none;
    border-radius: 45px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.37);
    transition: all 0.3s ease 0s;
    cursor: pointer;
    text-align: center; 
    margin-left: 73vw;
    width: 15vw;
    bottom: 3vh;
    text-decoration: none;
  }
 
  a{
    margin-top: 7vh;
    margin-bottom: 3.5vh;
  }