/*
    Primeiro vou importar todos os outros arquivos css na pasta css para deixar mais organizado
*/

@import url("cssDaSematron/header.css");
@import url("cssDaSematron/centro-inicio.css");
@import url("cssDaSematron/atividades-inicio.css");
@import url("cssDaSematron/programacao-inicio.css");
@import url("cssDaSematron/footer.css");
@import url("cssDaSematron/cadastro.css");
@import url("cssDaSematron/adm_list_insc.css");
@import url("cssDaSematron/login.css");
@import url("cssDaSematron/visitasEminicursos.css");
@import url("cssDaSematron/maisSematron.css");
@import url("cssDaSematron/contato.css");
@import url("cssDaSematron/inscricoes.css");
@import url("cssDaSematron/perfil.css");

/*
    Como a Rafa 024 da Engenharia de Materiais e 025 da Engenharia Mecânica usou uma fonte que não tem no 
    Google Fonts, eu vou ter que fazer essa porrinha aqui pra importar ela
*/

@font-face {
    font-family: 'Mecanica-Inferior';
    src: url('Fonte/unicode.bankgotm.ttf') format('truetype');
}

/*
    Esse root aqui é pra definir algumas cores e fontes que serão mais usadas no código pra deixar mais fácil de entender
*/

:root {
    --fonte-Gotica: "Mecanica-Inferior";
    --fonte-inter: "Inter";
    --laranja: #FB9A03;
    --preto: #000000;
    --branco: #FFFFFF;

    --fonte-gigante: 3.5vw;
    --fonte-grande-gigante: 2.5vw;
    --fonte-grande: 1.75vw;
    --fonte-link: 1.075vw;
    --fonte-media-grande: 1.25vw;
    --fonte-media: 0.8vw;
    --fonte-media-pequena: 0.8vw;
    --fonte-media-media-pequena: 0.7vw;
    --fonte-pequena: 0.6vw;

    --fonte-gigante-tablet: 5vw;
    --fonte-grande-gigante-tablet: 4vw;
    --fonte-grande-tablet: 3vw;
    --fonte-link-tablet: 1.7vw;
    --fonte-media-grande-tablet: 1.8vw;
    --fonte-media-tablet: 1.3vw;
    --fonte-media-pequena-tablet: 1vw;
    --fonte-media-media-pequena-tablet: 0.9vw;
    --fonte-pequena-tablet: 0.8vw;

    --fonte-gigante-celular: 8vw;
    --fonte-grande-gigante-celular: 6.2vw;
    --fonte-grande-celular: 4.5vw;
    --fonte-link-celular: 3.5vw;
    --fonte-media-grande-celular: 3.5vw;
    --fonte-media-celular: 2.75vw;
    --fonte-media-pequena-celular: 2vw;
    --fonte-media-media-pequena-celular: 1.6vw;
    --fonte-pequena-celular: 1.4vw;
}

/*
    Só defini que todo o body tem fundo preto
*/


.Corpo {
    background-color: var(--preto);
    z-index: -2;
}

/*
    Classe pra usar em tudo que centraliza os bagulho
*/

.Centraliza {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}

/*
    Pra todo link vir sem o sublinhado
*/

a {
    text-decoration: none;
}

/* Melhorias no CSS para melhor organização e estilo */
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

.header {
    background-color: var(--laranja);
    padding: 10px;
}

.footer {
    background-color: var(--branco);
    padding: 20px;
    text-align: center;
}