/* Comentario */

/* 
nome de uma tag{...}
#nome de uma tag com id{...}
.nome de uma tag com uma classe{...}
 */

* {

    padding: 0;
    border: 0;
    margin:0;
    box-sizing: border-box;
}

body{
    
  background-color: #B9E5F5;
  background-size: cover;
  background-attachment: fixed;
  background-position: top; 
}

.corpo{
    
    width: 68%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}



h1 {
    
    color:blueviolet;
    font-size: 30px;
    font-family: sans-serif;
    text-align: center;
    
}

h2 {
    
    font-family: sans-serif;
    font-size: 20px;
    color:cadetblue;
    text-align: end;
    
}

div {
    
    display: flex;
    justify-content: space-between;
    padding: 90px;
   
}

img{
    
    display:block;
    width: 49%;
    height: 100%;
}

p{ 

    display: block;
    width: 49%;
    
}

@media (max-width:600px) {
    
    div{ 
        flex-direction: column;
    }
    
    p,img{
        width: 100%;
    }
}