/*
================================================
  Project: Site Cafeteria (Portfólio Pessoal)
  File: style.css
  Author: MARCIA MOREIRA
  Role: Desenvolvedora Web - Full Stack 

  Technologies Used:
  - HTML5
  - CSS3 (Flexbox, Grid)
  - JavaScript (ES6+)
  - Frameworks/Libraries: Bootstrap
  - Version Control: Git/GitHub/GitHubPages
  
  References Used:
  - Site Video: https://youtu.be/v1jVqO6dx9A?si=S9Jczzitcu4f1hZq
  - Site Imagens: https://ibb.co/album/8KjM76
  
  Contact Information:
  - Email: id.marcia.moreira@gmail.com
  - LinkedIn: https://www.linkedin.com/in/idmarciamoreira
  - GitHub: https://github.com/Marcia-Moreira
  
  Creation Date: 20-09-2024
  Last Updated: 20-09-2024
================================================
*/
/*? INÍCIO DA SOBRE/About: */
.about-container {
    justify-content: center;
}
.about-container .row {
    display: flex;
    align-items: center;
    background-color: var(--bgColor-secondary);
    border-radius: 5px;
    gap: 2.5rem;
    /* REVER estava deixando texto cortado: */
    /* flex-shrink: 0; */
    /* Evita que a imagem diminua muito inicialmente */
}
.about-container .row .content h3 {
    font-size: 3rem;
    color: var(--surfaceColor-secondary);
    padding-bottom: 1.5rem;
}
.about-container .row .content p {
    font-size: 1.6rem;
    color: var(--surfaceColor-secondary);
    padding: 1rem 0;
    /* padding: 0 1rem; */
    line-height: 1.8;
    padding-right: 1rem;
    padding-left: 1rem;
}
.container-image img {
    width: 100%;
    max-height: 40rem;
    border-radius: 10px;
    margin-top: 2rem;
    margin-bottom: 2rem;
    margin-left: 1rem;
}
#about {
    padding-top: 4rem;
}

/* FIM DA SOBRE/About: */