@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Press+Start+2P&family=Exo+2:wght@400;700&display=swap";@font-face{font-family:Nise-Sega;src:url(NiseSega.c8880ba6.TTF)format("truetype");font-weight:400;font-style:normal}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;margin:0;padding:0;font-family:"Exo 2",sans-serif;cursor:url(wand.09007e36.png),auto!important}body{min-height:100vh;color:#fff;background:#050510;justify-content:center;align-items:center;font-family:"Exo 2",sans-serif;position:relative;overflow-x:hidden}.webgl{cursor:-moz-grab;cursor:-webkit-grab;background:#050510;outline:none;position:fixed;top:0;left:0;cursor:url(wand.09007e36.png),grab!important}.webgl:active{cursor:-moz-grabbing;cursor:-webkit-grabbing;cursor:url(wand.09007e36.png),grabbing!important}.glitch{letter-spacing:2px;color:#fff;font-family:Orbitron,sans-serif;font-weight:900;position:relative}.glitch:before,.glitch:after{content:attr(data-text);width:100%;height:100%;background:0 0;position:absolute;top:0;left:0}.glitch:before{text-shadow:-2px 0 #f0f;clip:rect(44px,450px,56px,0);animation:5s linear infinite alternate-reverse glitch-anim;left:2px}.glitch:after{text-shadow:-2px 0 #0ff;clip:rect(44px,450px,56px,0);animation:5s linear infinite alternate-reverse glitch-anim2;left:-2px}@keyframes glitch-anim{0%{clip:rect(31px,9999px,94px,0)}10%{clip:rect(70px,9999px,4px,0)}20%{clip:rect(96px,9999px,99px,0)}30%{clip:rect(18px,9999px,74px,0)}40%{clip:rect(64px,9999px,12px,0)}50%{clip:rect(89px,9999px,4px,0)}60%{clip:rect(2px,9999px,66px,0)}70%{clip:rect(54px,9999px,14px,0)}80%{clip:rect(21px,9999px,46px,0)}90%{clip:rect(83px,9999px,31px,0)}to{clip:rect(12px,9999px,3px,0)}}@keyframes glitch-anim2{0%{clip:rect(65px,9999px,100px,0)}10%{clip:rect(2px,9999px,32px,0)}20%{clip:rect(88px,9999px,11px,0)}30%{clip:rect(12px,9999px,5px,0)}40%{clip:rect(45px,9999px,72px,0)}50%{clip:rect(9px,9999px,93px,0)}60%{clip:rect(71px,9999px,27px,0)}70%{clip:rect(33px,9999px,48px,0)}80%{clip:rect(56px,9999px,19px,0)}90%{clip:rect(7px,9999px,65px,0)}to{clip:rect(91px,9999px,38px,0)}}.title{text-transform:uppercase;text-align:center;font-family:Orbitron,sans-serif;font-size:54px;font-weight:900;line-height:110%}h1{font-family:Orbitron,sans-serif;font-size:44px;font-weight:700;line-height:120%}h2{font-family:Orbitron,sans-serif;font-size:34px;font-weight:700;line-height:120%}h3{font-size:26px;font-weight:700;line-height:140%}.common-text{text-align:center;font-size:26px;font-weight:400;line-height:150%}.meme-text{color:#0057ff;text-shadow:none;font-family:"Press Start 2P",cursive;font-size:18px;line-height:180%}.meme-popup{color:#ff1a1a;text-shadow:none;font-family:"Press Start 2P",cursive;font-size:16px;line-height:180%}p{font-size:24px;font-weight:400;line-height:140%}a{color:#0057ff;text-decoration:none;transition:all .2s}a:hover{color:#ff1a1a;text-shadow:none;cursor:url(wand.09007e36.png),pointer!important}.helptext{letter-spacing:.5px;text-transform:uppercase;font-family:Orbitron,sans-serif;font-size:20px;font-weight:700}.sign{width:100%;max-width:600px;box-sizing:border-box;z-index:777;text-align:center;border-radius:16px;padding:0 20px;position:fixed;top:15%;left:50%;transform:translate(-50%)}#instructions{pointer-events:none}#animation{width:88px;height:48px;background-image:url(drag_animation.d385b351.svg);margin:auto auto 12px}.project{width:90%;max-width:400px;z-index:777;box-sizing:border-box;border-radius:16px;padding:0;position:fixed;top:15%;left:50%;transform:translate(-50%)}.content{text-align:left;flex-wrap:nowrap;align-items:center;margin-bottom:16px;display:flex}.text{width:100%;display:block}.thumbnail{width:80px;min-width:80px;height:80px;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:12px;margin-right:16px;display:flex}.button{width:100%;letter-spacing:.5px;text-transform:uppercase;color:#fff;background-color:#111;border:none;border-radius:99px;padding:16px;font-family:Orbitron,sans-serif;font-size:20px;font-weight:700;transition:all .2s}.neon-button{color:#000;text-shadow:none;background:#fff000;border:2px solid #000;box-shadow:3px 3px #000}.neon-button:hover{color:#fff;background:#ff1a1a;box-shadow:3px 3px #000;cursor:url(wand.09007e36.png),pointer!important}.button:active{color:#000;background-color:#00e5ff;box-shadow:3px 3px #000;cursor:url(wand.09007e36.png),pointer!important}#switch{display:none!important}#switch input{display:none}.icon{margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#moon{display:none}#sun,input:checked~#moon{display:block}input:checked~#sun{display:none}.modal{height:100%;width:100%;color:#fff;z-index:999;background-color:#050510;display:none;position:fixed;top:0;overflow-y:scroll}.header{height:100vh;width:100%;background-position:50%;background-repeat:no-repeat;background-size:cover}.header-wrapper{max-width:800px;filter:drop-shadow(0 0 50px #000);margin:auto;position:relative;top:50%;transform:translateY(-50%)}.modal-content-wrapper{max-width:800px;flex-direction:column;justify-content:space-between;row-gap:80px;margin:0 auto 80px;display:flex}.project-img{width:100%;height:auto}.credits{text-align:center}#logo{z-index:888;width:100%;color:#ff1a1a;text-align:center;text-shadow:2px 2px #0057ff,-1px -1px #fff;pointer-events:none;margin:0 auto;font-family:Orbitron,sans-serif;font-size:36px;font-weight:700;line-height:100%;animation:3s infinite alternate flicker;position:fixed;top:20px}@keyframes flicker{0%,18%,22%,25%,53%,57%,to{text-shadow:2px 2px #0057ff,-1px -1px #fff;opacity:1}20%,24%,55%{text-shadow:none;opacity:.85}}.button-round{color:#000;width:40px;text-align:center;height:40px;background-color:#fff;border:2px solid #000;border-radius:50%;justify-content:center;align-items:center;font-size:20px;transition:all .2s;display:flex;box-shadow:3px 3px #000}.neon-glow:hover{cursor:pointer;color:#000;background-color:#fff000;box-shadow:3px 3px #000}.button-round>span{font-size:20px;line-height:20px}.logo-image{max-height:20vh}.logo-meme{font-size:80px;line-height:1;animation:2s infinite shake}@keyframes shake{0%{transform:translate(1px,1px)}10%{transform:translate(-1px,-2px)rotate(-1deg)}20%{transform:translate(-3px)rotate(1deg)}30%{transform:translate(3px,2px)}40%{transform:translate(1px,-1px)rotate(1deg)}50%{transform:translate(-1px,2px)rotate(-1deg)}60%{transform:translate(-3px,1px)}70%{transform:translate(3px,1px)rotate(-1deg)}80%{transform:translate(-1px,-1px)rotate(1deg)}90%{transform:translate(1px,2px)}to{transform:translate(1px,-2px)rotate(-1deg)}}.close{z-index:999;position:fixed;top:20px;right:20px}.embed-container{--video--width:960;--video--height:540;padding-bottom:calc(var(--video--height)/var(--video--width)*100%);max-width:100%;background:#050510;position:relative;overflow:hidden}.embed-container iframe,.embed-container object,.embed-container embed{width:100%;height:100%;position:absolute;top:0;left:0}.visible{visibility:visible;opacity:1;transition:opacity .2s linear}.hidden{visibility:hidden;opacity:0;transition:visibility 0s .2s,opacity .2s linear}#chaos-meter{z-index:888;text-align:center;width:280px;position:fixed;bottom:40px;left:50%;transform:translate(-50%)}.meter-label{color:#ff1a1a;text-shadow:none;letter-spacing:2px;margin-bottom:6px;font-family:Orbitron,sans-serif;font-size:16px;font-weight:700}.meter-bar{width:100%;height:14px;background:#fff;border:2px solid #000;border-radius:8px;overflow:hidden;box-shadow:inset 0 0 #0000}#chaos-fill{width:0%;height:100%;box-shadow:none;background:linear-gradient(90deg,#00e5ff,#ff3bd5,#fff000);transition:width .1s linear}#chaos-text{color:#0057ff;text-shadow:none;margin-top:6px;font-family:"Press Start 2P",cursive;font-size:14px}#meme-overlay{width:100%;height:100%;pointer-events:none;z-index:500;position:fixed;top:0;left:0}.floating-meme{color:#ff1a1a;text-shadow:1px 1px #fff,-1px -1px #000;pointer-events:none;font-family:"Press Start 2P",cursive;font-size:16px;animation:3s ease-out forwards floatUp;position:absolute}@keyframes floatUp{0%{opacity:1;transform:matrix(1,0,0,1,0,0)}to{opacity:0;transform:matrix(1.3,0,0,1.3,0,-120)}}@media only screen and (max-width:1200px){.modal-content-wrapper{row-gap:64px;margin:48px}.header-wrapper{margin:auto 48px}}@media only screen and (max-width:600px){h1{font-size:26px}h2{font-size:24px}p2{font-size:20px}p{font-size:18px}.title{word-break:break-all;overflow-wrap:break-word;max-width:100%;font-size:20px}.common-text{font-size:20px}.meme-text{font-size:14px}.helptext span{display:none}.helptext:after{content:"swipe it\a break it";white-space:pre}#animation{background-image:url(swipe_animation.85b1b3dd.svg)}.modal-content-wrapper{row-gap:40px;margin:32px 20px 48px}.header{height:360px}.header-wrapper{margin:auto 20px}#chaos-meter{width:200px}}
/*# sourceMappingURL=index.71e559e9.css.map */