/* Estilo global da pagina (cores do root, elementos que se repetem...) */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    /* Paleta de cores principal do projeto. Qualquer mudança aqui altera as cores de todos os elementos de uma só vez... */
    --color-black: #000000;
    --color-brow: #120908;
    --color-azul-marinho: #122a42;
    --color-azul-escuro: #146385;
    --color-azul-claro: #1fa4d7;
    --color-azul-mar: #20dad8;
    --color-white: #ffffff;

    /*Cores secundarias. Podem ser usandas em elementos aleatorios do projeto que NÃO interferem na identidade visual do projeto...*/
    --color-red: #ff0000;
    --color-yellow: #ffff00;
    --color-green: #00ff00;
    --color-blue: #0000ff;
    --color-purple: #ff00ff;
    --color-pink: #ff00ff;
    --color-brown: #a52a2a;
    --color-gray: #808080;
    --color-gray-dark: #696969;
    --color-gray-light: #c0c0c0;
    --color-gray-lighter: #e0e0e0;
    --color-gray-lightest: #f0f0f0;
}

.pixelify-sans {
  font-family: "Pixelify Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}