body.snowfall::before,
body.snowfall::after {
    content: "";
    position: fixed;
    top: 0px;
    /* Start off-screen */
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 9999;
    background-image:
        radial-gradient(2px 2px at 20px 30px, #fff, transparent),
        radial-gradient(2px 2px at 50px 120px, #fff, transparent),
        radial-gradient(2px 2px at 100px 50px, #fff, transparent),
        radial-gradient(2px 2px at 200px 150px, #fff, transparent),
        radial-gradient(3px 3px at 300px 200px, #fff, transparent),
        radial-gradient(3px 3px at 400px 250px, #fff, transparent),
        radial-gradient(2px 2px at 500px 100px, #fff, transparent),
        radial-gradient(2px 2px at 600px 300px, #fff, transparent),
        radial-gradient(3px 3px at 700px 400px, #fff, transparent),
        radial-gradient(2px 2px at 800px 150px, #fff, transparent),
        radial-gradient(2px 2px at 20px 30px, #fff, transparent),
        radial-gradient(2px 2px at 50px 120px, #fff, transparent),
        radial-gradient(2px 2px at 100px 50px, #fff, transparent),
        radial-gradient(2px 2px at 200px 150px, #fff, transparent),
        radial-gradient(3px 3px at 300px 200px, #fff, transparent),
        radial-gradient(3px 3px at 400px 250px, #fff, transparent),
        radial-gradient(2px 2px at 500px 100px, #fff, transparent),
        radial-gradient(2px 2px at 600px 300px, #fff, transparent),
        radial-gradient(3px 3px at 700px 400px, #fff, transparent),
        radial-gradient(2px 2px at 800px 150px, #fff, transparent),
        radial-gradient(2px 2px at 900px 50px, #fff, transparent),
        radial-gradient(3px 3px at 1000px 150px, #fff, transparent),
        radial-gradient(2px 2px at 1050px 200px, #fff, transparent),
        radial-gradient(2px 2px at 1100px 250px, #fff, transparent),
        radial-gradient(3px 3px at 1200px 100px, #fff, transparent),
        radial-gradient(3px 3px at 1300px 50px, #fff, transparent),
        radial-gradient(3px 3px at 1400px 250px, #fff, transparent),
        radial-gradient(2px 2px at 1500px 100px, #fff, transparent);
    animation: snowfall 10s linear infinite;
}

body.snowfall::after {
    animation-delay: 5s;
    /* Add staggered effect for more natural look */
}

@keyframes snowfall {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(100vh);
    }
}

body {
    background-color: #eeeefe;
}

.header {
    background: linear-gradient(to right, #511962, #9b006d) !important;
}

.header .header-left {
    background: linear-gradient(to right, #511962, #9b006d) !important;
}

.sidebar {
    background: linear-gradient(to right, #542662, #c646a0) !important;
}

.menu-title {
    color: #fff;
}

.sidebar-menu li a {
    color: #fff;
}

/* .sidebar-menu li a {
    color: '#fff' !important
} */