.body-web{text-align:center;background-color:#0f0f0f;justify-content:center;align-items:center;min-height:100vh;margin:0;display:flex;position:relative}.italic{font-style:italic}.title{color:#fff;border-top:1px solid #fff;border-bottom:1px solid #fff;margin:20px 0;padding:20px 0;font-family:Playfair Display,serif;font-size:3rem}.subtitle{color:#fff;font-family:Fira Sans,sans-serif;font-size:1.2rem}.scroll-indicator{color:#fff;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.scroll-indicator svg{fill:#fff;width:40px;height:40px;margin-top:10px;animation:2s ease-in-out infinite alternate scrollfly;display:block}@keyframes scrollfly{0%{transform:translateY(-40%)}to{transform:translateY(10%)}}.sound{cursor:pointer;z-index:1000;position:fixed;top:20px;left:20px}.sound svg{width:32px;height:32px}.author{color:#fff;z-index:1000;font-size:14px;position:fixed;top:20px;right:20px}.container-scroll{background-color:#0f0f0f;width:100%}.hero-content{text-align:center;z-index:2;flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex;position:relative}.animation-canvas{object-fit:cover;opacity:0;z-index:1;width:100vw;height:100vh;position:fixed;top:0;left:0}.scroll-indicator{flex-direction:column;align-items:center;gap:10px;margin-top:20px;display:flex}.arrow-down{filter:drop-shadow(0 0 8px #fffc);width:40px;height:40px;animation:2s ease-in-out infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.scroll-indicator p{text-shadow:0 0 5px #ffffff4d;text-transform:uppercase;letter-spacing:1px;font-size:.8rem}.bg-gradient-animated{z-index:-1;filter:blur(40px);background-color:#000;background-image:radial-gradient(at 0 0,#22070480 0,#0000 50%),radial-gradient(at 100% 0,#575a5c66 0,#0000 50%),radial-gradient(at 50% 100%,#201b1e66 0,#0000 50%);background-size:150% 150%;width:100vw;height:100vh;animation:10s infinite alternate moveGradientExaggerated;position:fixed;top:0;left:0}@keyframes moveGradientExaggerated{0%{background-position:0 0;transform:scale(1)}50%{background-position:100% 100%;transform:scale(1.1)}to{background-position:50% 0;transform:scale(1)}}.canvas-comic{filter:contrast(1.1)brightness(1.1);outline:2px solid #000}