Lo que aprendimos

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; }