body{
    background-color: rgb(140, 8, 8);
    font-family:Georgia, 'Times New Roman', Times, serif;
    color: white;
    font-size: 40px;
}
header{
    text-align: center;
}
article{
    text-align: center;
    display: flex;
    justify-content: center; 
}
div{
   
    margin: auto;
    display: flex;    
    background-color: white;
    border-radius: 20px;
    width: 30%;

}
img{
    display: inline;
    border-radius: 20px;
    width: 100%;
    height:auto;
    transition: opacity 0.5s ease-in-out
}
.paragrafo{
    width:28%;
    text-align: left;
    position: absolute;
    margin-left: 15px;
    margin-right: 10px;
    color: black;
    font-size:x-large;
    font-family:Arial, Helvetica, sans-serif;
    line-height: 35px;
    display: inline;    
    word-wrap: break-word;

    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}
footer{
    margin-top: 70px;
    text-align: center;
    font-size: 15px;
}

@media(max-width: 800px){
    article{
        display: inline-block;
    }
    div{
        margin-bottom: 30px;
        width:90%;
    }
    .paragrafo{
        width:80%;
        font-size:large;
        line-height: auto;  
    }
}