html,
body {
    background-color:#0d0d0d!important;
    background-image:linear-gradient(rgba(0,0,0,.42),rgba(0,0,0,.58)),url('../images/hay69-brand-background.webp')!important;
    background-position:center top!important;
    background-repeat:no-repeat!important;
    background-size:100% auto!important;
    background-attachment:fixed!important;
}

.site-shell {
    background:rgba(23,23,23,.92);
    border:1px solid rgba(239,62,56,.34);
    box-shadow:0 16px 48px rgba(0,0,0,.72),0 0 32px rgba(239,62,56,.12);
    backdrop-filter:blur(3px);
}

@media (max-width:430px) {
    html,
    body {
        background-position:center top!important;
        background-attachment:scroll!important;
    }

    .site-shell {
        background:rgba(23,23,23,.98);
    }
}