.brand-text {
    font-weight: 200;
    letter-spacing: .2rem;
}

.logo {
    width: 85px;
}

.nav-fader {
    display: block;
    position: fixed;
    width: 232px;
    height: 30px;
    background-image: linear-gradient(to top,rgba(255,255,255,0),var(--mud-palette-drawer-background));
    z-index: 100;
}

.nav-fader-spacer {
    display: block;
    height: 1px;
    margin-top: 30px;
}

.mudblazor-text-h5 {
    letter-spacing: .1rem;
    font-size: 2rem;
    font-weight: 300;
    color: var(--mud-palette-primary);
}

    .mudblazor-text-h5.smaller {
        font-size: 1.5rem;
    }

.mudblazor-description-text {
    font-size: 1.2rem;
    font-weight: 300;
}

@media (min-width: 960px) {
    .mudblazor-index {
        margin-top: 128px;
    }

    .mudblazor-svg {
        max-width: 400px;
    }

    .mudblazor-text-h5 {
        font-size: 3rem;
        letter-spacing: .2rem;
    }

        .mudblazor-text-h5.smaller {
            font-size: 2.5rem;
        }
}