@import url(https://fonts.googleapis.com/css2?family=VT323&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--neon-green:#39ff14;--neon-pink:#f0f;--neon-blue:#00f3ff;--dark-bg:#050505;--glass-bg:#141414cc}h1{-webkit-margin-before:0;margin-block-start:0}body{align-items:center;background-color:#050505;background-color:var(--dark-bg);color:#39ff14;color:var(--neon-green);display:flex;font-family:VT323,monospace;height:100vh;justify-content:center;margin:0;overflow:hidden}.scanlines{animation:scroll 10s linear infinite;background:linear-gradient(180deg,#fff0,#fff0 50%,#0003 0,#0003);background-size:100% 4px;height:100vh;left:0;pointer-events:none;position:fixed;top:0;width:100vw;z-index:10}.cyber-card{background:#141414cc;background:var(--glass-bg);border:2px solid #39ff14;border:2px solid var(--neon-green);box-shadow:0 0 15px #39ff14,inset 0 0 20px #39ff1433;box-shadow:0 0 15px var(--neon-green),inset 0 0 20px #39ff1433;padding:2rem;position:relative;text-align:center;transform:perspective(1000px) rotateX(5deg);width:350px}.cyber-card:after,.cyber-card:before{border:2px solid #f0f;border:2px solid var(--neon-pink);content:"";height:10px;position:absolute;transition:all .3s ease;width:20px}.cyber-card:before{border-bottom:none;border-right:none;left:-2px;top:-2px}.cyber-card:after{border-left:none;border-top:none;bottom:-2px;right:-2px}.cocktail-img{border:1px solid #00f3ff;border:1px solid var(--neon-blue);filter:contrast(1.2) hue-rotate(15deg);height:500px;margin-bottom:1.5rem;object-fit:cover;width:100%}.ingredients-list{border-top:1px dashed #39ff14;border-top:1px dashed var(--neon-green);list-style:none;margin-top:1.5rem;padding:1rem 0 0;text-align:left}.ingredients-list li{font-size:1.2rem;margin-bottom:.5rem;text-shadow:2px 2px 0 #000}.ingredients-list li:before{animation:blink 1s step-end infinite;color:#f0f;color:var(--neon-pink);content:">";margin-right:10px}.glitch-title{animation:glitch .5s infinite;font-size:2.5rem;font-weight:700;position:relative;text-shadow:.05em 0 0 #f0f,-.025em -.05em 0 #00f3ff,.025em .05em 0 #39ff14;text-shadow:.05em 0 0 var(--neon-pink),-.025em -.05em 0 var(--neon-blue),.025em .05em 0 var(--neon-green);text-transform:uppercase}.glitch-title:after,.glitch-title:before{content:attr(data-text);height:100%;left:0;position:absolute;top:0;width:100%}.glitch-title:before{clip:rect(44px,450px,56px,0);animation:glitch-anim 5s linear infinite alternate-reverse;left:2px;text-shadow:-1px 0 #ff00c1}.glitch-title:after{clip:rect(44px,450px,56px,0);animation:glitch-anim2 1s linear infinite alternate-reverse;left:-2px;text-shadow:-1px 0 #00fff9}@keyframes blink{50%{opacity:0}}@keyframes glitch{0%{text-shadow:.05em 0 0 #f0f,-.05em -.025em 0 #00f3ff,-.025em .05em 0 #39ff14;text-shadow:.05em 0 0 var(--neon-pink),-.05em -.025em 0 var(--neon-blue),-.025em .05em 0 var(--neon-green)}14%{text-shadow:.05em 0 0 #f0f,-.05em -.025em 0 #00f3ff,-.025em .05em 0 #39ff14;text-shadow:.05em 0 0 var(--neon-pink),-.05em -.025em 0 var(--neon-blue),-.025em .05em 0 var(--neon-green)}15%{text-shadow:-.05em -.025em 0 #f0f,.025em .025em 0 #00f3ff,-.05em -.05em 0 #39ff14;text-shadow:-.05em -.025em 0 var(--neon-pink),.025em .025em 0 var(--neon-blue),-.05em -.05em 0 var(--neon-green)}49%{text-shadow:-.05em -.025em 0 #f0f,.025em .025em 0 #00f3ff,-.05em -.05em 0 #39ff14;text-shadow:-.05em -.025em 0 var(--neon-pink),.025em .025em 0 var(--neon-blue),-.05em -.05em 0 var(--neon-green)}50%{text-shadow:.025em .05em 0 #f0f,.05em 0 0 #00f3ff,0 -.05em 0 #39ff14;text-shadow:.025em .05em 0 var(--neon-pink),.05em 0 0 var(--neon-blue),0 -.05em 0 var(--neon-green)}99%{text-shadow:.025em .05em 0 #f0f,.05em 0 0 #00f3ff,0 -.05em 0 #39ff14;text-shadow:.025em .05em 0 var(--neon-pink),.05em 0 0 var(--neon-blue),0 -.05em 0 var(--neon-green)}to{text-shadow:-.025em 0 0 #f0f,-.025em -.025em 0 #00f3ff,-.025em -.05em 0 #39ff14;text-shadow:-.025em 0 0 var(--neon-pink),-.025em -.025em 0 var(--neon-blue),-.025em -.05em 0 var(--neon-green)}}@keyframes glitch-anim{0%{clip:rect(38px,9999px,81px,0);transform:skew(.89deg)}5%{clip:rect(69px,9999px,16px,0);transform:skew(.06deg)}10%{clip:rect(2px,9999px,83px,0);transform:skew(.33deg)}15%{clip:rect(53px,9999px,92px,0);transform:skew(.97deg)}20%{clip:rect(11px,9999px,3px,0);transform:skew(.79deg)}25%{clip:rect(41px,9999px,69px,0);transform:skew(.08deg)}30%{clip:rect(20px,9999px,8px,0);transform:skew(.81deg)}35%{clip:rect(98px,9999px,66px,0);transform:skew(.36deg)}40%{clip:rect(57px,9999px,4px,0);transform:skew(.66deg)}45%{clip:rect(27px,9999px,1px,0);transform:skew(.01deg)}50%{clip:rect(81px,9999px,35px,0);transform:skew(.55deg)}55%{clip:rect(69px,9999px,66px,0);transform:skew(.9deg)}60%{clip:rect(67px,9999px,12px,0);transform:skew(.12deg)}65%{clip:rect(32px,9999px,17px,0);transform:skew(.8deg)}70%{clip:rect(49px,9999px,35px,0);transform:skew(.25deg)}75%{clip:rect(33px,9999px,20px,0);transform:skew(.71deg)}80%{clip:rect(94px,9999px,57px,0);transform:skew(.21deg)}85%{clip:rect(74px,9999px,9px,0);transform:skew(.03deg)}90%{clip:rect(19px,9999px,8px,0);transform:skew(.5deg)}95%{clip:rect(63px,9999px,65px,0);transform:skew(.1deg)}to{clip:rect(10px,9999px,57px,0);transform:skew(.53deg)}}@keyframes glitch-anim2{0%{clip:rect(65px,9999px,100px,0);transform:skew(.4deg)}to{clip:rect(10px,9999px,80px,0);transform:skew(.1deg)}}
/*# sourceMappingURL=main.277d82bf.css.map*/