.box, .modal-card-body {
    background-image: url("/images/yenn-mountains-blur.jpeg") !important;
    background-size: 100vw 100vh !important;
    background-attachment: fixed !important;
    -webkit-box-shadow: 2px 5px 20px -11px rgba(66, 68, 90, 1) !important;
    -moz-box-shadow: 2px 5px 20px -11px rgba(66, 68, 90, 1) !important;
    box-shadow: 2px 5px 20px -11px rgba(66, 68, 90, 1) !important;
}

.button, .input {
    -webkit-box-shadow: 2px 5px 20px -11px rgba(66, 68, 90, 1);
    -moz-box-shadow: 2px 5px 20px -11px rgba(66, 68, 90, 1);
    box-shadow: 2px 5px 20px -11px rgba(66, 68, 90, 1);
}

@media (prefers-color-scheme: dark) {
    .box {
        background-image: url("/images/yenn-mountains-blur-dark.jpeg") !important;
        background-color: rgba(0, 0, 0, 0.7) !important;
    }
}

body:before {
    content: ' ';
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    filter: brightness(90%) contrast(100%) blur(3px);
    background-image: url("/images/yenn-mountains.jpeg") !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.footer {
    z-index: 10;
}