:root {
    --border-radius: 12px !important;
    --static-background-color: #1e1e1e !important;
    --static-background-color-second: #333333 !important;
    --static-background-color-button: #b4663c !important;
    --static-background-color-button-hover: #7b5329 !important;
    --static-color: #f5f5f5 !important;
    --static-accent-color: #b4663c !important;
    --static-background-gradient: linear-gradient(135deg, rgb(177 108 64) 0%, rgb(188 83 57) 50%, rgb(88 54 44) 100%) !important;

    --background-color: #121212 !important;
    --background-color-second: #211d18 !important;
    --color: #d6d6d6 !important;
    --color-transparent: #e6e6e6d0 !important;
    --color-hover: #f5f5f5 !important;
    --background-color-button: #b4663c !important;
    --background-color-button-hover: #7b5329 !important;
    --background-color-border: #9f9f9f21 !important;
    /* --background-gradient: linear-gradient(195deg, rgba(0, 0, 0, 0) 0%, rgb(0 0 0 / 35%) 100%) !important; */
    --background-gradient: linear-gradient(135deg, rgb(223 128 68) 0%, rgb(188 83 57) 50%, rgb(125 53 32) 100%) !important;
    --background-plus: #e1806821 !important;
    --inverted-white: #edecfb !important;
}

.halloween {
    position: absolute;
    opacity: 0;
    transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out;
}

.halloween-wrapper {
    position: relative;
}

@media (max-width: 768px) {
    .spider-web {
        display: none;
    }
}

.animated-ghost {
    position: absolute;
    bottom: 0;
    z-index: 10;
    animation: flyGhost 5s ease-in-out forwards;
}

::selection {
    background-color: #b4663c63 !important;
}