body, html{margin: 0;padding: 0;height: 100%;overflow: hidden;font-family: Arial, sans-serif;background-color: #000}.container{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;z-index: 1}h1{color: #fff;font-size: 3rem;text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);animation: flicker 2s infinite alternate;margin-bottom: 30px}@keyframes flicker{0%, 18%, 22%, 25%, 53%, 57%, 100%{text-shadow: 0 0 4px #fff, 0 0 11px #fff, 0 0 19px #fff, 0 0 40px #0fa, 0 0 80px #0fa, 0 0 90px #0fa, 0 0 100px #0fa, 0 0 150px #0fa}20%, 24%, 55%{text-shadow: none}}canvas{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 0}.fancy-button{display: inline-block;padding: 15px 30px;font-size: 1.2rem;text-decoration: none;color: #fff;background: linear-gradient(45deg, #ff0000, #990000);border: none;border-radius: 50px;position: relative;overflow: hidden;transition: all 0.3s ease;box-shadow: 0 0 20px rgba(255, 0, 0, 0.5);margin-top: 20px}.fancy-button::before{content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.2), transparent);transition: all 0.4s ease}.fancy-button:hover::before{left: 100%}.fancy-button:hover{transform: scale(1.05);box-shadow: 0 0 30px rgba(255, 0, 0, 0.8)}.button-text{position: relative;z-index: 1}@keyframes pulse{0%{transform: scale(1)}50%{transform: scale(1.05)}100%{transform: scale(1)}}.fancy-button{animation: pulse 2s infinite}#volumeControl{width: 100px;margin-bottom: 20px}