.c-navigation-wrapper,
.c-navigation,
.c-footer-wrapper,
.c-search-trigger {
    --navigation-color: #2f3daa;
    --navigation-color-dark-mode: #efefef;
    --navigation-color-hover-dark-mode: #ff87b3;
    --navigation-background-color: #efeff9;
    --navigation-background-color-dark-mode: #342a44;
    --navigation-background-color-hover: #cecef5;
    --navigation-background-color-hover-dark-mode: #231c2d;
}

.c-navigation-wrapper,
.c-footer-wrapper {
    background-color: var(--navigation-background-color);
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
}

.dark .c-navigation-wrapper,
.dark .c-footer-wrapper {
    background-color: var(--navigation-background-color-dark-mode);
}

.c-navigation {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 auto;
    max-width: min(100%, 82vw, 60rem);
    padding: 0;
}

.c-navigation li:first-child {
    margin-left: -0.75rem;
}

@media screen and (min-width: 45rem) {
    .c-navigation {
        flex-direction: row;
    }

    .c-navigation li {
        margin-left: initial;
    }

    .c-navigation li:first-child {
        margin-left: -0.75rem;
    }

    .c-navigation li + li {
        margin-left: 0.5rem;
    }
}

.c-navigation a,
.c-search-trigger {
    border-radius: var(--border-radius);
    color: var(--navigation-color);
    display: inline-flex;
    padding: 0.25rem 0.75rem;
    text-decoration: none;
}

.dark .c-navigation a,
.dark .c-search-trigger {
    color: var(--navigation-color-dark-mode);
}

.c-navigation a:hover,
.c-search-trigger:hover {
    background-color: var(--navigation-background-color-hover);
}

.dark .c-navigation a:hover,
.dark .c-search-trigger:hover {
    background-color: var(--navigation-background-color-hover-dark-mode);
    color: var(--navigation-color-hover-dark-mode);
}
.c-navigation__logo a{
	font-family: 'cute oscars', 'just one';
	text-transform: lowercase;
	font-weight: 300;
	font-size: 1.05rem;
}