@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/pressstart2p/v16/e3t4euO8T-267oIAQAu6jDQyK3nVivNm4I81.woff2) format("woff2")}.hero{position:relative;height:80vh;min-height:500px;overflow:hidden;display:flex;align-items:center;justify-content:center;font-family:"Press Start 2P",cursive}.tsparticles-container{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.hero[class*=arcade-section] .arcade-grid{position:absolute;bottom:0;left:-50%;width:200%;height:50%;background-image:linear-gradient(rgba(255,79,163,.6) 1px,transparent 1px),linear-gradient(90deg,rgba(255,79,163,.6) 1px,transparent 1px);background-size:60px 60px;transform:perspective(500px) rotateX(65deg);transform-origin:center bottom;animation:gridMove 4s linear infinite;opacity:1;z-index:2;pointer-events:none;display:block}@keyframes gridMove{0%{background-position:0 0,0 0}to{background-position:0 60px,0 0}}.content{position:relative;z-index:3;text-align:center;color:#fff;padding:20px}.subtitle{font-size:25px;margin-bottom:20px;opacity:.9}.arcade-text{font-family:"Press Start 2P",monospace;font-size:55px;line-height:1.2;letter-spacing:0;color:#ffd1e6;position:relative;display:inline-block;text-transform:uppercase;margin-bottom:20px;z-index:5;text-shadow:0 0 10px rgba(255,105,180,.8),}.arcade-text:before{content:attr(data-text);position:absolute;top:0;right:0;bottom:0;left:0;color:#ff4fa3;z-index:-1;transform:translate(4px,4px)}.arcade-text:after{content:"";position:absolute;width:150%;height:150%;background:radial-gradient(circle,rgba(255,105,180,.4) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);z-index:-2;pointer-events:none}.desc{font-size:20px;max-width:600px;margin:0 auto 25px;line-height:1.6;opacity:.8}.arcade-button{display:inline-block;text-decoration:none;font-family:"Press Start 2P",cursive;background:#fff;color:#000;border:none;padding:12px 27px;border-radius:50px;cursor:pointer;transition:transform .3s ease;font-size:18px}.arcade-button:hover{transform:scale(1.05)}#tsparticles-container canvas{image-rendering:pixelated;filter:drop-shadow(2px 2px 0px #B80F4C)}@media(max-width:768px){.arcade-text{font-size:57px}}
/*# sourceMappingURL=/cdn/shop/t/79/assets/arcade-banner.css.map */