@import url(main.css);
/*--------------------------------------------------------------------------------*/
                            /* HISTÓRIA DO PROJETO */
/*--------------------------------------------------------------------------------*/
.sobre {
    background:var(--bg-azul-escuro-1);
    box-shadow: var(--sombra-lateral);
}
/*----------------------------*/
.sobre .container {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 2.5rem;
}
/*----------------------------*/
.sobre .container img {
    height: 100%;
    width: 90%;
    border-radius: 40px;
    object-fit: cover;
    box-shadow: var(--sombra-card);
}
/*----------------------------*/
.sobre .container p:nth-child(2) {
    margin-bottom: 0;
}
/*------------------------------------------*/
h1, h2, h3, p, img {
  opacity: 0;
  transform: translateY(-50px);
  animation: slideDownAppear 0.9s ease-out forwards;
}

/*--------------------------------------------------------------------------------*/
                                /* CONFIG. MOBILE */ 
/*--------------------------------------------------------------------------------*/
                              @media (max-width: 650px) {
/*--------------------------------------------------------------------------------*/
    .sobre .container {
        display: block;
    }
/*----------------------------*/
    .sobre .container img {
        width: 70%;
        height: 30rem;
    }    
}