:root{
--cor-fundo:#eeb8d1e1;
--cor-principal:#f884c467;
--cor-secundaria: #ec83c9ec;
--cor-texto: #ececec;
--cor-destaque: #df638c9a;
}

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;
}