@import"https://fonts.googleapis.com/css2?family=VT323&display=swap";@import"https://kit-pro.fontawesome.com/releases/v6.4.2/css/pro.min.css";.sub{color:#64dcdc;letter-spacing:1em}.glitch{position:relative;color:#fff;letter-spacing:.1em;animation:glitch-skew 1s infinite linear alternate-reverse}.glitch:before{content:attr(data-text);position:absolute;top:0;width:100%;height:100%;left:2px;text-shadow:-2px 0 #ff00c1;clip:rect(44px,450px,56px,0);animation:glitch-anim 5s infinite linear alternate-reverse}.glitch:after{content:attr(data-text);position:absolute;top:0;width:100%;height:100%;left:-2px;text-shadow:-2px 0 #00fff9,2px 2px #ff00c1;animation:glitch-anim2 1s infinite linear alternate-reverse}@keyframes glitch-anim{0%{clip:rect(37px,9999px,39px,0);transform:skew(.63deg)}5%{clip:rect(34px,9999px,17px,0);transform:skew(.66deg)}10%{clip:rect(46px,9999px,24px,0);transform:skew(.92deg)}15%{clip:rect(69px,9999px,93px,0);transform:skew(.33deg)}20%{clip:rect(27px,9999px,89px,0);transform:skew(.46deg)}25%{clip:rect(39px,9999px,97px,0);transform:skew(.12deg)}30%{clip:rect(65px,9999px,51px,0);transform:skew(.66deg)}35%{clip:rect(95px,9999px,100px,0);transform:skew(.48deg)}40%{clip:rect(77px,9999px,66px,0);transform:skew(.71deg)}45%{clip:rect(37px,9999px,9px,0);transform:skew(.22deg)}50%{clip:rect(89px,9999px,91px,0);transform:skew(.37deg)}55%{clip:rect(89px,9999px,11px,0);transform:skew(.7deg)}60%{clip:rect(13px,9999px,50px,0);transform:skew(.84deg)}65%{clip:rect(41px,9999px,48px,0);transform:skew(.99deg)}70%{clip:rect(73px,9999px,71px,0);transform:skew(.8deg)}75%{clip:rect(39px,9999px,28px,0);transform:skew(.36deg)}80%{clip:rect(1px,9999px,70px,0);transform:skew(.72deg)}85%{clip:rect(43px,9999px,50px,0);transform:skew(.48deg)}90%{clip:rect(14px,9999px,14px,0);transform:skew(.2deg)}95%{clip:rect(70px,9999px,51px,0);transform:skew(.14deg)}to{clip:rect(21px,9999px,60px,0);transform:skew(.61deg)}}@keyframes glitch-anim2{0%{clip:rect(16px,9999px,79px,0);transform:skew(.02deg)}5%{clip:rect(86px,9999px,87px,0);transform:skew(.41deg)}10%{clip:rect(35px,9999px,67px,0);transform:skew(.11deg)}15%{clip:rect(10px,9999px,59px,0);transform:skew(.43deg)}20%{clip:rect(86px,9999px,71px,0);transform:skew(.18deg)}25%{clip:rect(12px,9999px,95px,0);transform:skew(.22deg)}30%{clip:rect(46px,9999px,29px,0);transform:skew(.5deg)}35%{clip:rect(3px,9999px,41px,0);transform:skew(.3deg)}40%{clip:rect(5px,9999px,12px,0);transform:skew(.56deg)}45%{clip:rect(99px,9999px,92px,0);transform:skew(.44deg)}50%{clip:rect(72px,9999px,53px,0);transform:skew(.97deg)}55%{clip:rect(4px,9999px,28px,0);transform:skew(.57deg)}60%{clip:rect(13px,9999px,69px,0);transform:skew(.77deg)}65%{clip:rect(87px,9999px,27px,0);transform:skew(.16deg)}70%{clip:rect(59px,9999px,37px,0);transform:skew(.51deg)}75%{clip:rect(57px,9999px,59px,0);transform:skew(.36deg)}80%{clip:rect(30px,9999px,12px,0);transform:skew(.02deg)}85%{clip:rect(10px,9999px,13px,0);transform:skew(.38deg)}90%{clip:rect(72px,9999px,80px,0);transform:skew(.09deg)}95%{clip:rect(6px,9999px,25px,0);transform:skew(.24deg)}to{clip:rect(70px,9999px,20px,0);transform:skew(.36deg)}}@keyframes glitch-skew{0%{transform:skew(4deg)}10%{transform:skew(-4deg)}20%{transform:skew(4deg)}30%{transform:skew(-2deg)}40%{transform:skew(3deg)}50%{transform:skew(5deg)}60%{transform:skew(1deg)}70%{transform:skew(0)}80%{transform:skew(4deg)}90%{transform:skew(-3deg)}to{transform:skew(4deg)}}body{background-color:#222;animation:none}.colored-background{transition:background-color 1s linear;animation:colored-background linear 12s infinite}@keyframes colored-background{0%{background-color:#8b1c86}20%{background-color:#1d1c79}40%{background-color:#30992c}60%{background-color:#aa9433}80%{background-color:#a82c27}to{background-color:#8b1c86}}@keyframes transition-in{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:.7}}@keyframes textflicker{0%{text-shadow:1px 0 0 #ea36af,-2px 0 0 #75fa69}to{text-shadow:2px 1px 2px #ea36af,-1px -.5px 2px #75fa69}}.container{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.vcr-overlay{background:url(/assets/retro-screen-05d7070c.gif);background-size:cover;opacity:.2;position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none}.begin{font-size:2.2em;font-family:VT323,monospace;font-weight:bolder;text-align:center;cursor:pointer}.flicker-text{animation-duration:.01s;animation-name:textflicker;animation-iteration-count:infinite;animation-direction:alternate}.phrase-box{font-family:VT323,monospace;color:#fff;font-weight:700}@media (max-width: 300px){.phrase-box{font-size:1em}}@media (min-width: 500px){.phrase-box{font-size:1.5em}}@media (min-width: 700px){.phrase-box{font-size:2.3em}}@media (min-width: 900px){.phrase-box{font-size:3em}}img{width:50%;animation:transition-in ease-in-out 3s;cursor:pointer}.social-icons{position:fixed;top:14%;right:30px;transform:translateY(-50%);display:flex;flex-direction:column}.icon-button{animation:colored-background linear 12s infinite;color:#fff;border:none;border-radius:50%;width:46px;height:46px;margin-bottom:10px;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:background-color .3s ease}.icon-button:hover{background-color:#666}.hackclub-badge{margin:0;bottom:2%;position:absolute;display:flex;text-align:center;right:47%}.flag{background-image:url(https://assets.hackclub.com/flag-orpheus-top.svg);position:absolute;top:0;left:2%;border:0;z-index:999;background-repeat:no-repeat;-webkit-background-position:top left;background-position:top left;-webkit-background-size:contain;background-size:contain;cursor:pointer;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;height:80%;width:20%;-webkit-transition:.1875s cubic-bezier(.375,0,.675,1) -webkit-transform;transition:.1875s cubic-bezier(.375,0,.675,1) transform;transform-origin:top left}@media (min-width: 48em){.flag{width:172px}}.flag:hover,.flag:focus{-webkit-animation:animation-flag .5s linear infinite alternate;animation:animation-flag .5s linear infinite alternate}@media (prefers-reduced-motion: reduce){.flag{-webkit-animation:none!important;animation:none!important}}@-webkit-keyframes animation-flag{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(-5deg);-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}}