body{
    background-color: coral;
    color: saddlebrown;
    margin-left: 5%;
    margin-right: 5%;
}
h1{
    text-decoration: underline;
    text-align: center;
    font-family: Georgia, 'Times New Roman', Times, serif;
}
h2{
    text-align: left;
    font-style: italic;
}
.bloco1{
    display: flex;
    flex-direction: row-reverse;
    font-size: 20px;
    text-align: justify;
    gap: 5%;
}
img{
    width: 250px;
    border-radius: 5%;
}
.bloco2{
    display: flex;
    flex-direction: row;
    gap: 2%;
}
.bloco2 p{
    width: 50%;
    text-align: justify;
}
ul{
    list-style: circle;
}
.fonte{
    text-align: right;
    font-style: italic;
}
.nome{
    text-align: center;
}
@media only screen and (max-width:800px){
 .bloco1, .bloco2{
    display:block;
 }   
 img{
    width:80%;
 }
 .bloco2 p{
    width:90%;
 }
}