.site-header,
.site-footer {
    background: rgba(255, 255, 255, 0.78);
    backdrop-filter: blur(24px) saturate(160%);
    -webkit-backdrop-filter: blur(24px) saturate(160%);
    color: rgba(17, 17, 17, 0.92);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.85);
}

.site-header {
    position: sticky;
    top: 0;
    z-index: 50;
    border-bottom-color: rgba(210, 214, 210, 0.72);
}

.site-footer {
    border-top-color: rgba(210, 214, 210, 0.72);
}

.site-header .nav-links {
    color: rgba(17, 17, 17, 0.66);
}

.site-header .nav-links a:hover {
    color: #111;
}

.site-header .nav-links .nav-button.button-secondary {
    border: 1px solid rgba(17, 17, 17, 0.14);
    background: rgba(255, 255, 255, 0.58);
    color: #111;
}

.site-header .nav-links .nav-button.button-primary {
    background: #111;
    color: #fff;
}

.site-header .nav-links .nav-button:hover {
    background: #111;
    color: #fff;
}

.site-header .nav-logout {
    border-color: #111;
    background: #111;
    color: #fff;
}

.site-header .nav-logout:hover {
    border-color: rgba(17, 17, 17, 0.2);
    background: rgba(17, 17, 17, 0.08);
    color: #111;
}

.site-footer a {
    color: rgba(17, 17, 17, 0.78);
}

.site-footer a:hover {
    color: #111;
}