@use '../../abstracts/variables' as *;
@use '../../base/typography' as *;

.main-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;

    &__nav {
        display: flex;
        justify-content: space-between;
        align-items: center;

        & .button {
            padding: 0 1rem;
            height: 45px;
            // background-color: $black;
        }
    }

    // &__logo {
    //     display: flex;
    //     gap: 0.5rem;
    //     align-items: center;
        
    //     font-family: $font-family-sao-welcome;
    //     font-size: 1.5rem;
    //     color: $color-text-base;

    //     &-image {
    //         height: 45px;
    //     }
    // }
}