1: .presentacion{ display:flex; align-items: center; margin: 10%; justify-content: space-between; margin: 10%; }
@import url('https://fonts.googleapis.com/css2?family=Krona+One&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
*{ padding: 0; margin:0;
}
body{ background-color: rgb(204, 198, 112); color: rgb(255, 255, 255); font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; font-size: 36px; /text-align:center;/ height: 100vh; box-sizing: border-box;
.texto-en-caja{
background-color: rgb(9, 63, 82);
pading: 15px 30px;
border-radius: 5px;
box-shadow: 2px 2px 5px rgba(0,0,0,3);
}
}
span{
color: #22D4FD;
border: 10px solid #26f10c;
padding: 10px;
}
.titulo-destaque{ color:#22D4FD; }
.presentacion{ display:flex; align-items: center; margin: 10%; justify-content: space-between; margin: 10%; }
.presentacion__contenido{ width: 615 px; }
.presentacion__contenido__titulo{ font-size:36px; font-family: "Krona One", sans-serif; }
.presentacion__contenido__texto{ font-size: 24px; font-family: "Montserrat", sans-serif; }