:root {
    --colorGreen: #3ea636;
    --colorGreenLight: #dbefda;
    --colorGrayLight: #f2f2f2;
    --colorGrayDark: #464646;
    --colorWhite: #ffffff;
    --colorSectionLight: #DBEFDA;
    --colorSectionDark: #CBDECA;
    --colorSectionGray: #A7A7A7;

    --headerWidth: 90vw;
    --headerHeight: 75px;
    --headerGridGap: 50px;
    --headerGridGapTable: 20px;
    --headerFontSize: 10pt;
    --headerBurgerFontSize: 14pt;

    --footerWidth: 80vw;
    --footerFontSize: 10pt;
    --footerFontSizeCopyright: 8pt;
    --footerFontSizeHeader: 10pt;
    --footerGridGap: 150px;
    --footerMaxWidth: 1500px;

    --sectionWidth: 80vw;
    --sectionMaxWidth: 1500px;
    --sectionFontSize: 12pt;
    --sectionTeamsFontSize: 14pt;
    --sectionHeader1FontSize: 30pt;
    --sectionHeader2FontSize: 25pt;
    --sectionHeader3FontSize: 20pt;
    --sectionHeader4FontSize: 16pt;
    --sectionHeader5FontSize: 16pt;
    --sectionHeader6FontSize: 11pt;
    --sectionGridGap: 50px;
    --sectionGridGapPage: 150px;

    --sectionAboutNameFontSize: 10pt;
    --sectionAboutFuncFontSize: 8pt;
}

.show {
    opacity: 100%;
    visibility: visible;
    transition: all .5s ease-in-out;
}

.hide {
    opacity: 0%;
    visibility: hidden;
    transition: all .5s ease-in-out;
}

#buttonHeader {
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    cursor: pointer;
    border: none;
    background-image: url('/assets/images/Arrow-Up.svg');
    background-color: var(--colorGreen);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 20px;
    z-index: 10000;
}

.font-bold {
    font-weight: bold;
}

.display-none {
    display: none;
}