@use "sass:math";

$headerHeight: 58px;
.Header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: $headerHeight;
    line-height: $headerHeight;
}

.Branding{
    &-link{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    &-logo{
        height: math.div($headerHeight, 2);
        margin-right: 8px;
    }
    &-name{
        color: var(--sn-color-1);
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
        font-size: 1.2rem;
        a:hover{
            color: var(--sn-color-1);
        }
    }
}

@import './SiteMenu';