/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Aug 26 2025 | 19:11:07 */
/* Warm Beige Smoke Background */
body {
    background-color: #0a0a16;
    position: relative;
    overflow-x: hidden;
}

body::before, body::after {
    content: '';
    position: fixed;
    z-index: -1;
    opacity: 0.6;
    width: 60vw;
    height: 60vh;
    filter: blur(60px);
    border-radius: 50%;
    animation: floatSmoke 25s infinite ease-in-out;
    pointer-events: none;
}

body::before {
    background: radial-gradient(circle, rgba(217, 176, 126, 0.7) 0%, rgba(217, 176, 126, 0) 70%);
    top: -30vh;
    left: -20vw;
    animation-delay: 0s;
}

body::after {
    background: radial-gradient(circle, rgba(217, 176, 126, 0.6) 0%, rgba(217, 176, 126, 0) 70%);
    bottom: -30vh;
    right: -20vw;
    animation-delay: -12.5s;
}

@keyframes floatSmoke {
    0%, 100% {
        transform: translate(0, 0) scale(1);
    }
    25% {
        transform: translate(5vw, 10vh) scale(1.1);
    }
    50% {
        transform: translate(-5vw, 5vh) scale(0.9);
    }
    75% {
        transform: translate(10vw, -5vh) scale(1.05);
    }
}

/* Responsive adjustments */
@media (max-width: 768px) {
    body::before, body::after {
        width: 80vw;
        height: 80vh;
        filter: blur(50px);
    }
}