.mud-appbar {
    backdrop-filter: blur(20px) saturate(180%);
    border-bottom: 1px solid rgba(0, 0, 0, .0975);
}

.mud-markdown-body img {
    box-shadow: none;
}

.mud-markdown-body a.mud-primary-text, .mud-primary-text.mud-link {
    color: var(--mud-palette-primary) !important;
    text-decoration: none;
}

/* Smaller font for mobile, overwriting MudBlazor / base.css */
@media only screen and (max-width: 500px) {
    /* smaller ratio 0,2619047619 */
    h1 {
        font-size: 2.4rem !important;
        line-height: 105% !important;
        margin: 2.1rem 0 1.68rem 0
    }

    h2 {
        font-size: 2.3rem !important;
        line-height: 110%;
        margin: 1.78rem 0 1.424rem 0
    }

    h3 {
        font-size: 1.8rem !important;
        line-height: 110%;
        margin: 1.46rem 0 1.168rem 0
    }

    h4 {
        font-size: 1.4rem !important;
        line-height: 110%;
        margin: 1.14rem 0 .912rem 0
    }

    h5 {
        font-size: 1.1rem !important;
        line-height: 110%;
        margin: .82rem 0 .656rem 0
    }

    h6 {
        font-size: 1rem;
        line-height: 110%;
        margin: .5rem 0 .4rem 0
    }
}

.mud-card, .mud-chip, .mud-button {
    transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms !important;
}
.mud-card:hover, .mud-chip:hover, .mud-button:hover {
    transform: translateY(-5px) !important;
}