*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background:#361269;display:flex;flex-direction:column;min-height:100vh;position:relative}.spiderweb-container{position:fixed;right:0;top:-20px;z-index:100}.spiderweb-image{height:200px;object-fit:contain;opacity:.8;width:200px}.header{padding:2rem 4rem;text-align:center}.brand{color:#fff;font-size:1.2rem;font-weight:600;letter-spacing:.3em}.main-content{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;margin:0 auto;max-width:1200px;padding:2rem;text-align:center;transform:translateY(-10%);width:100%}.main-heading{color:#601404;filter:drop-shadow(0 0 10px rgba(96,20,4,.5));font-size:clamp(3rem,10vw,7rem);font-weight:700;line-height:1.1;margin-bottom:2rem;max-width:90%;position:relative}.dripping-text{font-family:Nosifer,cursive;letter-spacing:.05em;text-transform:uppercase}.subtitle{color:#601404;font-size:clamp(1rem,2vw,1.3rem);font-weight:400;max-width:600px}.bounce{animation:bounce 2s ease-in-out infinite;display:inline-block}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}.spotify-container{bottom:2rem;left:2rem;max-width:400px;position:fixed;width:100%;z-index:50}.spotify-container iframe{box-shadow:0 8px 16px #0003}.pumpkin-image-container{align-items:center;bottom:2rem;display:flex;gap:1rem;position:fixed;right:2rem;z-index:50}.toggle-button{background:#ff8c00;border:3px solid #1a1a1a;border-radius:8px;box-shadow:0 4px 6px #0000004d;color:#1a1a1a;cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:.05em;padding:.6rem 1.5rem;text-transform:uppercase;transition:all .3s ease}.toggle-button:hover{background:#ff6b00;box-shadow:0 6px 10px #0006;transform:translateY(-2px)}.toggle-button:active{box-shadow:0 2px 4px #0000004d;transform:translateY(0)}.pumpkin-wrapper{display:inline-block;position:relative}.pumpkin-glow{background:#0000;border-radius:50%;height:120px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .5s ease;width:120px;z-index:-1}.pumpkin-glow.glow-on{animation:pulse-glow 2s ease-in-out infinite;background:radial-gradient(circle,#ff8c00cc 0,#ff8c0080 30%,#ff8c0000 60%);box-shadow:0 0 20px #ff8c00e6,0 0 40px #ff8c00b3,0 0 60px #ff8c0066}@keyframes pulse-glow{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.05)}}.pumpkin-image{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));height:150px;object-fit:contain;position:relative;transition:transform .3s ease;width:150px;z-index:1}.pumpkin-image:hover{transform:scale(1.05)}.hanging-pumpkins{align-items:flex-start;display:flex;height:120px;justify-content:space-around;padding:0 5%;z-index:100}.hanging-pumpkins,.pumpkin-string{left:0;position:absolute;top:0;width:100%}.pumpkin-string{background:#333;box-shadow:0 1px 2px #0000004d;height:2px}.hanging-pumpkin{align-items:center;animation:hangingSwing 3s ease-in-out infinite;display:flex;flex-direction:column;position:relative}.pumpkin-wire{background:#333;height:25px;margin-bottom:-2px;width:2px}.hanging-pumpkin-body{background:#2d2d2d;border-radius:50%;box-shadow:0 4px 8px #0000004d;height:50px;position:relative;width:50px}.hanging-stem{background:#4a5d23;border-radius:20% 20% 0 0;height:10px;left:50%;position:absolute;top:-6px;transform:translateX(-50%);width:8px}.hanging-face{height:70%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:80%}.hanging-eye{border-bottom:8px solid #ff8c00;border-left:5px solid #0000;border-right:5px solid #0000;height:0;position:absolute;top:25%;width:0}.hanging-eye.left{left:15%}.hanging-eye.right{right:15%}.hanging-nose{border-bottom:6px solid #ff8c00;border-left:4px solid #0000;border-right:4px solid #0000;height:0;top:45%;width:0}.hanging-mouth,.hanging-nose{left:50%;position:absolute;transform:translateX(-50%)}.hanging-mouth{background:#ff8c00;border-radius:0 0 20px 20px;bottom:20%;height:3px;width:50%}.hanging-mouth:before{background:linear-gradient(90deg,#0000,#0000 20%,#ff8c00 0,#ff8c00 25%,#0000 0,#0000 45%,#ff8c00 0,#ff8c00 55%,#0000 0,#0000 75%,#ff8c00 0,#ff8c00 80%,#0000 0);content:"";height:3px;left:0;position:absolute;top:-3px;width:100%}@keyframes hangingSwing{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes ledGlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.pumpkins-container{bottom:2rem;display:flex;justify-content:space-between;left:0;padding:0 3rem;pointer-events:none;position:absolute;right:0}.pumpkin{height:100px;position:relative;width:120px}.pumpkin-stem{background:#4a5d23;border-radius:30% 30% 0 0;height:20px;left:50%;position:absolute;top:-15px;transform:translateX(-50%);width:20px}.pumpkin-body{background:#ff8c00;border-radius:50%;box-shadow:inset -10px 0 20px #0000004d,inset 10px 0 20px #ffc80033,0 10px 30px #0000004d;height:100%;position:relative;width:100%}.pumpkin-body:before{background:linear-gradient(180deg,#ff8c0000 0,#ff64004d 50%,#8b450033);border-radius:50%;content:"";height:70%;left:20%;position:absolute;top:10%;width:60%}.pumpkin-face{height:70%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:80%}.eye{border-bottom:20px solid #2d1810;border-left:12px solid #0000;border-right:12px solid #0000;filter:drop-shadow(0 0 10px #ffa500);height:0;position:absolute;top:20%;width:0}.left-eye{left:15%}.right-eye{right:15%}.nose{border-bottom:15px solid #2d1810;border-left:8px solid #0000;border-right:8px solid #0000;height:0;top:45%;width:0}.mouth,.nose{filter:drop-shadow(0 0 10px #ffa500);left:50%;position:absolute;transform:translateX(-50%)}.mouth{background:#0000;border:3px solid #2d1810;border-radius:0 0 50% 50%;border-top:none;bottom:15%;height:25px;width:60%}.mouth:before{left:20%}.mouth:after,.mouth:before{background:#2d1810;content:"";height:100%;position:absolute;top:0;width:2px}.mouth:after{right:20%}.left-pumpkin,.right-pumpkin{animation:pumpkinFloat 3s ease-in-out infinite}.right-pumpkin{animation-delay:1.5s}@keyframes pumpkinFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:768px){.header{padding:1.5rem 2rem}.brand{font-size:1rem;letter-spacing:.2em}.main-content{padding:1rem}.main-heading{font-size:clamp(2rem,8vw,4rem);margin-bottom:1.5rem}.subtitle{font-size:1rem}.spiderweb-image{height:150px;width:150px}.spotify-container{bottom:1rem;left:1rem;max-width:300px}.spotify-container iframe{height:152px}}@media (max-width:480px){.main-heading{font-size:2.5rem}.spiderweb-image{height:100px;width:100px}.spotify-container{bottom:.5rem;left:.5rem;max-width:250px}.spotify-container iframe{height:152px}}@media (max-width:768px){.hanging-pumpkins{height:90px;padding:0 3%}.pumpkin-wire{height:18px}.hanging-pumpkin-body{height:40px;width:40px}.hanging-stem{height:8px;top:-5px;width:6px}.hanging-eye{border-bottom:6px solid #ff8c00;border-left:4px solid #0000;border-right:4px solid #0000}.hanging-nose{border-bottom:5px solid #ff8c00;border-left:3px solid #0000;border-right:3px solid #0000}.hanging-mouth{height:2px}.pumpkins-container{bottom:1rem;padding:0 1.5rem}.pumpkin{height:70px;width:80px}.pumpkin-stem{height:15px;top:-10px;width:15px}.eye{border-bottom:14px solid #2d1810;border-left:8px solid #0000;border-right:8px solid #0000}.nose{border-bottom:10px solid #2d1810;border-left:6px solid #0000;border-right:6px solid #0000}.mouth{height:18px}.pumpkin-image-container{bottom:1rem;gap:.5rem;right:1rem}.toggle-button{border:2px solid #1a1a1a;font-size:.9rem;padding:.5rem 1.2rem}.pumpkin-glow,.pumpkin-image{height:100px;width:100px}}@media (max-width:480px){.hanging-pumpkins{height:70px}.pumpkin-wire{height:12px}.hanging-pumpkin-body{height:30px;width:30px}.hanging-stem{height:6px;top:-4px;width:5px}.hanging-eye{border-bottom:5px solid #ff8c00;border-left:3px solid #0000;border-right:3px solid #0000}.hanging-nose{border-bottom:4px solid #ff8c00;border-left:2px solid #0000;border-right:2px solid #0000}.pumpkin{height:50px;width:60px}.pumpkin-stem{height:12px;top:-8px;width:12px}.pumpkin-image{height:80px;width:80px;.toggle-button{font-size:.8rem;padding:.4rem 1rem}}}
/*# sourceMappingURL=main.b568bcb2.css.map*/