body {background-color: #7f5a83;
    background-image: linear-gradient(315deg, #7f5a83 0%, #0d324d 74%);
    
}
 
.header{
    height: 10em;
    padding: 5em;
    font-size: 2em;
    background-image: url("../imagen/stellaris-2.jpg");
    background-size: cover;
    display: flex;
    flex-direction: column;
    color: white;
    align-items: center;
}

.card {
    max-width: 65vw;
    margin: 48px auto;
    display: block;
    border-radius: 10px;
    border: 1px solid black;
    overflow: hidden;
    box-shadow: 11px 14px 20px 2px rgba(0,0,0,0.65);
-webkit-box-shadow: 11px 14px 20px 2px rgba(0,0,0,0.65);
-moz-box-shadow: 11px 14px 20px 2px rgba(0,0,0,0.65);
}

.contenido {
    display: flex;
}

.ladoIzq, .ladoDer {
    width: 100%;
}
  .ladoDer img {
    width: 100%;
    height: 100%;
    border-style: none;
}
.ladoIzq {
    background: rgb(25,32,38);
    color: white;
    padding: 48px
}

.footer {
    height: 3em;
    line-height: 3em;
    background-color: rgb(185,89,25);
    color: white;
    text-align: center;
    font-weight: 900;
}