:root {
    --color-amarelo-padrao: #ffcd00;
    --color-amarelo-texto: #faf61a;
}

* {
    box-sizing: border-box;
}

html {
    font-size: 16px;
}

body {
    min-width: 320px;
}

.margin-default {
    margin: 0 auto;
    width: 80%;
}

@media (max-width: 1024px) {
    html {
        font-size: 15px;
    }

    .margin-default {
        width: 85%;
    }
}

@media (max-width: 600px) {
    html {
        font-size: 14px;
    }

    .margin-default {
        width: 90%;
    }
}

@media (max-width: 400px) {
    html {
        font-size: 13px;
    }

    .margin-default {
        width: 95%;
    }
}