/*titulo*/
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

/*texto*/
@import url('https://fonts.googleapis.com/css2?family=Montagu+Slab&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Montserrat+Subrayada&display=swap');

/*mono espaço*/
@import url('https://fonts.googleapis.com/css2?family= VT323 & display=swap') ; 

:root {
    --cor-fundo:#000000;
    --cor-txtsimples: #f6f6f6;
    --cor-destaque-titulos:#5189FC;
    --cor-destaque-textos: #e635ec;
    --cor-botao: aqua;
    --cor-botaoh: #fd6f2d;
    --cor-rodape1: rgba(255, 0, 255, 0.247);
    --cor-rodape2: rgba(0, 255, 255, 0.384);

    --fonte-titulo: 'Bebas Neue', cursive;
    --fonte-texto: 'Montagu Slab', serif;
    --fonte-mono: 'VT323', monospace;
}

*{
    margin: 0;
    padding: 0;
    border: 0; 
}

body{
    /*height: 100vh;*/
    box-sizing:border-box;
    background-color: var(--cor-fundo);
    color: var(--cor-txtsimples);
}
.cabecalho{
    padding: 2% 0% 2% 10%;
}
.cabecalho__menu{
    display: flex;
    gap: 80px;
}
.cabecalho__menu__links{
    color: var(--cor-destaque-titulos);
    text-decoration: none;
    font-family: var(--fonte-texto);
    font-size: 1.4rem;
    font-weight: 600;
}
.cabecalho__menu__links:hover{
    color: var(--cor-destaque-textos);
    font-size: 1.5rem;
}

.rodape{
    background-color: var(--cor-rodape1);
    text-align: center;
    font-family: var(--fonte-mono);
    font-size: 1.13rem;
    padding: 1%;
}

@media only screen and (max-width:1200px) {
    .cabecalho{
        padding: 5%;
    }
    .cabecalho__menu{
        justify-content: center;
    }
    .rodape{
        padding: 3%;
    }
}