@media (min-width: 641px) {
    body header {
        margin-bottom: -77px;
        background: transparent;
        -webkit-backdrop-filter: blur(0px);
        backdrop-filter: blur(0px);

        transition: backdrop-filter 0.2s ease, background 0.2s ease;
    }

    body main {
        margin-top: 0px;
        padding-top: 0px;
    }

    body main h1 {
        padding: 16px 0px;
        margin: 0px;
    }

    body.scrolled header {
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
    }
}