@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap";:root{--primary:#ff2d75;--secondary:#00f0ff;--accent:#fc0;--bg:#1a1a2e;--card:#16213e}body{background-color:var(--bg);color:#fff;letter-spacing:1px;font-family:VT323,monospace;overflow:hidden auto}.retro-title{text-shadow:4px 4px 0px var(--primary);font-family:"Press Start 2P",cursive}.retro-border{border:4px solid var(--primary);box-shadow:8px 8px 0px var(--secondary)}.retro-btn{border:3px solid var(--primary);background:var(--card);color:#fff;z-index:1;transition:all .3s;position:relative;overflow:hidden}.retro-btn:hover{color:#fff;box-shadow:0px 0px 0px var(--secondary);transform:translate(3px,3px)}.retro-btn:after{content:"";background-color:var(--primary);z-index:-2;width:100%;height:100%;position:absolute;bottom:0;left:0}.retro-btn:before{content:"";background-color:var(--secondary);z-index:-1;width:0%;height:100%;transition:all .3s;position:absolute;bottom:0;left:0}.retro-btn:hover:before{width:100%}.retro-card{background:var(--card);border:3px solid var(--primary);transition:all .3s;position:relative}.retro-card:hover{box-shadow:8px 8px 0px var(--secondary);transform:translate(-5px,-5px)}.retro-card:before{content:"";background:linear-gradient(90deg,var(--primary),var(--secondary));height:4px;position:absolute;top:0;left:0;right:0}.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);opacity:.8;width:100%;height:100%;position:absolute;top:0;left:0}.glitch:before{color:var(--secondary);animation:3s infinite glitch-effect}.glitch:after{color:var(--primary);animation:2s infinite reverse glitch-effect}@keyframes glitch-effect{0%{transform:translate(0)}20%{transform:translate(-3px,3px)}40%{transform:translate(-3px,-3px)}60%{transform:translate(3px,3px)}80%{transform:translate(3px,-3px)}to{transform:translate(0)}}.scanlines{position:relative;overflow:hidden}.scanlines:before{content:"";pointer-events:none;z-index:10;background:linear-gradient(#0000 0%,#ffffff0d 50%,#0000 51%,#0000001a 52% 100%) 0 0/100% 4px;position:absolute;inset:0}.pixel-corners{position:relative}.pixel-corners:before,.pixel-corners:after{content:"";background:var(--primary);z-index:1;width:10px;height:10px;position:absolute}.pixel-corners:before{top:-3px;left:-3px}.pixel-corners:after{background:var(--secondary);bottom:-3px;right:-3px}
/*# sourceMappingURL=index.f94756f2.css.map */