:root{
--cor-fundo:#e22f2f;
--cor-principal: #000000;
--cor-secundaria: #38acc9;
--cor-texto: #55c1ff;
--cor-destaque: #3cb7d6; 
}

body{
background-color: var(--cor-fundo);
color:var(--cor-texto);
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}

.caixa-principal{
    background-color: var(--cor-principal);
    width: 90%;
    max-width: 600px;
    text-align: center;
    padding: 20px;
}