.animated-banner{position:relative;width:100%;height:800px;overflow:hidden}.banner-image{width:100%;height:100%;object-fit:cover;animation:swayPalm 6s ease-in-out infinite}@keyframes swayPalm{0%,to{transform:rotate(0)}50%{transform:rotate(1deg)}}.animated-banner:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(white 1px,transparent 1px);background-size:3px 3px;animation:twinkle 2s infinite ease-in-out;pointer-events:none;z-index:2}@keyframes twinkle{0%,to{opacity:.8}50%{opacity:.4}}.banner-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:100px;font-family:Orbitron,sans-serif;color:#fff;text-shadow:0 0 10px #0ff,0 0 20px #f0f,0 0 30px #08f;white-space:nowrap;z-index:5;opacity:0;animation:fadeInText 2s ease forwards}@keyframes fadeInText{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-animated-banner.css.map */