@charset "UTF-8";

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

body {
    margin: 0;
    height: 100vh;

  }

  :root {
    /* ── Verdes principais ── */
    --cor-primaria: #2D6A4F; 
    --cor-primaria-escura: #1B4332; 
    --cor-primaria-media:  #52B788; 
    --cor-primaria-clara:  #D8F3DC; 
    --cor-primaria-fundo:  #F0FAF4; 
  
  }
  
/* HEADER */
header{
    background-color: var(--cor-primaria);
    color: white;
    display: flex;
    flex-flow: row nowrap;
    height: 40px;
}


/* MAIN */

.conteiner{
    display: grid;
    grid-template-columns: 1fr 4fr;
    grid-template-rows: 1fr 1fr;
    height: calc(100vh - 40px);

}