@import url(social.css);
@import url(info.css);
@import url(intro.css);

*{
    padding: 0;
    margin: 0;
}

:root{
    --verde-escuro : #3B8D61;
    --verde-claro : #94BF6E;
    --laranja : #EF8C41;
    --rosa : #F28080;
    --bege : #E2B79A;
    --branco : white;
}

body{
    background-color: var(--verde-escuro);
    color: var(--branco);
    height: 100vh;
    box-sizing: border-box;
    display: flex;

    flex-direction: column;
    justify-content: space-between;
}

.cabecalho{
    height: 1.75rem;
    display: flex;
    padding: 1%;
    font-size: 2rem;
    background-color: var(--verde-claro);
    color: var(--branco);
    justify-content: space-between;
    align-items: center;
}

.cabecalho_abas{
    display: flex;
    justify-content: space-around;
    width: 25rem;
}


.cabecalho_abas_links{
    text-decoration: none;
    color: var(--branco);
}

.cabecalho_abas_links:hover{
    text-decoration: none;
    color: var(--verde-escuro);
}

.cabecalho_logo{
    width: 15%;
    height: 1.75%rem;
}

.cabecalho_logo2{
    display: none;
}

.rodape{
    padding: 2%;
    text-align: center;
    font-size: 1.5rem;
    background-color: var(--rosa);
}

@media (max-width: 1200px) {

body{
    height: 100vh;
}

.cabecalho{
    height: 2.5rem;
    padding: 0%;
    font-size: 100%;
}

.cabecalho_abas{
    justify-content: flex-start;
    max-width: 70%;
    padding: 2%;
    gap: 10px;
}

.cabecalho_logo{ 
    display: none;
}

.cabecalho_logo2{
    display: block;
    max-height: 50%;
    padding: 1%;
}

.rodape{
    padding: 2.5%;
    font-size: 1rem;
}
}


@media (max-width: 340) {
    
}