body{
    background-color: coral;
    background-image: linear-gradient(to bottom right, rgb(255, 136, 0), rgb(238, 238, 229));
    background-attachment: fixed;
}
.principal{
    margin: auto;
    text-align: center;
}
.tarjeta{
    margin: auto;
    text-align: center;
    width: max-content;
}
.descripcionImagen{
    font-size: smaller;
    font-style: italic;
    margin: auto;
    text-align: center;
}
h1{
    font-style: italic;
}
a{
    color: rgb(8, 70, 187);
    text-decoration: none;
}

a:hover {
    color: hsl(106, 100%, 41%);  
    text-decoration: italic;
}
iframe{
    margin-top: 50px;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
}