/*Tipografía para el título*/
@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');


/*Primeros comandos universales*/
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}


/*Características de la Landing Page*/
.cuerpo{
  background-color:#FEB1DE;
    height:100%;
}


.botonera{
    width:100vw;
    height:10vh;
    display:flex;
    flex-direction:row;
    justify-content:space-around;
    align-items:center;
}


.titulo{
    width:80%;
    margin:auto;
    height:20%;
    font-size:20px;
    color:#6C3483;
    text-align:center;
    font-family:'Pacifico', cursive;
    letter-spacing:0,50em;
}


.información{
    width:80%;
    margin:auto;
    margin-top:3%;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
}


.texto{
    width:75%;
    padding-right:3%;
    font-size:1.8rem;
    font-family:sans-serif;
    color:#6C3483;
    text-align:justify;
}


.foto{
    width:22%;
}


.foto img{
    width:100%;
    border-radius:10px;
    border:7px solid rgb(255, 105, 180);
}


/*Código de los botones de la Landing Page*/
.btn {
    padding: 0.5em 2em 0.5em 2.5em;
    font-size: 1em;
    font-weight: bold;
    border-radius: 15px;
    color: #fff6fb;
    letter-spacing: 0.3em;
    text-shadow: -2px 2px 5px #FD3084;
    background-color: transparent;
    border: 2px solid #FEB1DE;
    box-shadow: 0 0 0px 1px #F11271,
      0 0 10px 2px #FD3084,
      inset 0 0 0px 1px #F11271,
      inset 0 0 10px 2px #FD3084;
    transition: 100ms;
  }
 
  .btn:hover {
    box-shadow: 0 0 0px 1px #F11271,
      0 0 10px 2px #FD3084,
      inset 0 0 0px 1px #F11271,
      inset 0 0 30px 2px #FD3084;
    text-shadow: 0 0 10px #FD3084;
    transform: translateY(-5px);
  }
 
  .btn:active {
    box-shadow: 0 0 0px 1px #F11271,
      0 0 25px 2px #FD3084,
      inset 0 0 0px 1px #F11271,
      inset 0 0 30px 2px #FD3084;
    transform: translateY(1px);
  }