*¨{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body{
    background-color: rgb(107, 161, 223);
}

.botones{
    background-color: rgb(107, 161, 223);
    width: 100%;
    padding-top: 1rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    padding-bottom: 1rem;
    border-color:rgb(141, 193, 253);
}

.button{
    background: #5E5DF0;
   border-radius: 999px;
   box-shadow: #5E5DF0 0 10px 20px -10px;
   box-sizing: border-box;
   color: #FFFFFF;
   cursor: pointer;
   font-family: Inter,Helvetica,"Apple Color Emoji","Segoe UI Emoji",NotoColorEmoji,"Noto Color Emoji","Segoe UI Symbol","Android Emoji",EmojiSymbols,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",sans-serif;
   font-size: 16px;
   font-weight: 700;
   line-height: 24px;
   opacity: 1;
   outline: 0 solid transparent;
   padding: 8px 18px;
   user-select: none;
   -webkit-user-select: none;
   touch-action: manipulation;
   width: fit-content;
   word-break: break-word;
   border: 0;
   }





.titulo {
    width: 100%;
    height: 20vh;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    background-color: rgb(107, 161, 223);
    text-align: center;
    font-size: 150%;
    font-family: Georgia, 'Times New Roman', Times, serif;
    color: rgb(248, 246, 246);
}

.info{
    display: flex;
    flex-direction: row;
    width: 100%;
}

.texto{ 
  width: 50%;
  padding-right: 3%;
  margin: 5%;
  text-align: justify;
  font-size: 2rem;
  font-family: Georgia, 'Times New Roman', Times, serif;
  color: white;
}


.imagen{
    width: 50%;
    padding-left: 3%;
    display: flex;
    height: 60%;
    margin: auto;

}

img{
    width: 90%;
    border: 5px solid white;
}