.header-main-page {
    background-color: $main-color;

    display: flex;
    flex-direction: column;
    // align-items: center;
    justify-content: center;

    height: 17vh;
    padding: 0vh 1vw;

    box-sizing: border-box;

    a {
        text-decoration: none;
    }

    h1 {
        color: #ffffff;

        font-size: 3vw;
        @include titleFont();
        @include normalizeTitle();
    }

    .konami-code {
        @include titleFont();

        color: $lightest-color-dark;
    }
}




 @media (max-width: 991.98px) {
    .header-main-page {
    height: auto;
    padding: 3vw 0px;

    align-items: center;
    
    h1 {
        font-size: 26pt;
    }

    h3 {
        font-size: 13pt;
    }
    }
 }

 .header-main-page.dark-mode-component {
     background-color: $main-color-dark;
     border-bottom: 1px solid #ffffff72;
 }