:root {
    --laranja: hsl(26, 100%, 55%);
    --laranja-palido: hsl(25, 100%, 94%);
    --azul-muito-escuro: hsl(220, 13%, 13%);
    --cinza-azulado:hsl(219, 9%, 45%);
    --cinza-azulado-claro: hsl(220, 14%, 75%);
    --branco: hsl(0, 0%, 100%);

    --fonte: 'Kumbh Sans', sans-serif ;
}
* {
    margin: 0;
    padding: 0;
}
body {
    margin: 0 220px;
    font-family: var(--fonte);
}
.principal {
    display: flex;
    margin-top: 3rem;
    align-items: center;
}
@media screen and (max-width: 900px) {
    body{
        margin: 0;
        padding: 0;
    }
    .principal{
        flex-direction: column;
        margin-top: 1rem;
    }
}
@media screen and (max-width: 1024px) {
    body{
        margin: 0;
        padding: 0;
    }
}