:root{
    --cor-neutra-escura: #111111;
    --cor-neutra-clara: #ffffff;
    --cor-primaria: #6528d3;
    --cor-primaria-hover: #834de8;
    --cor-cinza-escura: #29272a;
    --cor-cinza-clara: #ededed;
    --cor-roxa-clara: #BCA2ED;
}


body {
    font-family: roboto, sans-serif;
    background-color:  var(--cor-neutra-escura);
    min-height: 100vh;
    grid-template-rows: auto 1fr auto;
    grid-template-areas:
    "header"
    "main"
    "footer";
}