@import url(https://fonts.googleapis.com/css2?family=Comfortaa:wght@500&family=Pacifico&display=swap);body{font-family:Comfortaa,cursive;padding:0;margin:0}.loading{display:none}canvas{position:fixed;top:0;left:0}main{position:absolute;z-index:999;padding:2rem;color:#f0f8ff;width:96vw}@media all and (max-width:600px){main{width:auto}}h1,h2{margin:0;padding:0}main .header{display:flex;flex-direction:column;justify-content:center;align-items:center}main .header .arrow-down{width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:20px solid red}main .header .welcome{margin-top:10rem;padding:0}main .header .Name{font-family:Pacifico,cursive;font-size:2.7em;margin:1rem}@media all and (max-width:600px){main .header .Name{font-size:2.3em}}main .header .About{margin:0;margin-bottom:1rem;font-size:1.7em;text-align:center}main .header .misc{left:1rem;text-align:left}main .header .long-about{width:30%;font-weight:700;text-align:center}main .header .long-about p{font-size:1.4em}@media all and (max-width:600px){main .header .long-about{width:auto}}main .header .long-about .wavy{display:inline;padding:0;margin:0}main .header .long-about .wavy:hover span{position:relative;top:20px;display:inline-block;animation:bounce .3s ease infinite alternate;font-size:2em;color:#fff;text-shadow:0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 transparent,0 7px 0 transparent,0 8px 0 transparent,0 9px 0 transparent,0 10px 10px rgba(0,0,0,.4)}main .header .long-about h1 span:nth-child(2){animation-delay:.1s}main .header .long-about h1 span:nth-child(3){animation-delay:.2s}main .header .long-about h1 span:nth-child(4){animation-delay:.3s}main .header .long-about h1 span:nth-child(5){animation-delay:.4s}main .header .long-about h1 span:nth-child(6){animation-delay:.5s}main .header .long-about h1 span:nth-child(7){animation-delay:.6s}main .header .long-about h1 span:nth-child(8){animation-delay:.7s}@keyframes bounce{100%{top:-20px;text-shadow:0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 25px rgba(0,0,0,.2)}}main .header .long-about .most{display:inline;margin:0;font-size:1.6em}main .header .long-about .footer{font-family:Pacifico,cursive;margin:0;font-size:1.1em}main .header .media{margin:1rem;padding:1rem;background:gray;border-radius:25px;background:linear-gradient(270deg,#dce11e,#2ddbb6,#36db2d);background-size:600% 600%;-webkit-animation:GradientShow 10s ease infinite;-moz-animation:GradientShow 10s ease infinite;animation:GradientShow 10s ease infinite}main .header .media>*{padding-left:.5rem;padding-right:.5rem}main .header .media .github{cursor:pointer;color:#000}main .header .media .matrix{cursor:pointer}@-webkit-keyframes GradientShow{0%{background-position:1% 0}50%{background-position:99% 100%}100%{background-position:1% 0}}@-moz-keyframes GradientShow{0%{background-position:1% 0}50%{background-position:99% 100%}100%{background-position:1% 0}}@keyframes GradientShow{0%{background-position:1% 0}50%{background-position:99% 100%}100%{background-position:1% 0}}.glitch{position:relative;color:#fff;font-size:3em;letter-spacing:.3em;animation:glitch-skew 1s infinite linear alternate-reverse}.glitch::before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;left:2px;text-shadow:-2px 0 #ff00c1;clip:rect(34px,450px,56px,0);animation:glitch-anim 5s infinite linear alternate-reverse}.glitch::after{content:attr(data-text);position:absolute;top:0;left: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(16px,9999px,30px,0);transform:skew(.4deg)}5%{clip:rect(69px,9999px,68px,0);transform:skew(.98deg)}10%{clip:rect(69px,9999px,99px,0);transform:skew(.97deg)}15%{clip:rect(36px,9999px,26px,0);transform:skew(.01deg)}20%{clip:rect(91px,9999px,100px,0);transform:skew(.58deg)}25%{clip:rect(3px,9999px,51px,0);transform:skew(.59deg)}30%{clip:rect(75px,9999px,2px,0);transform:skew(.3deg)}35%{clip:rect(38px,9999px,5px,0);transform:skew(.79deg)}40%{clip:rect(27px,9999px,64px,0);transform:skew(.56deg)}45%{clip:rect(5px,9999px,21px,0);transform:skew(.47deg)}50%{clip:rect(44px,9999px,79px,0);transform:skew(.67deg)}55%{clip:rect(30px,9999px,16px,0);transform:skew(.55deg)}60%{clip:rect(16px,9999px,43px,0);transform:skew(.73deg)}65%{clip:rect(74px,9999px,77px,0);transform:skew(.23deg)}70%{clip:rect(87px,9999px,41px,0);transform:skew(.13deg)}75%{clip:rect(36px,9999px,7px,0);transform:skew(.72deg)}80%{clip:rect(45px,9999px,9px,0);transform:skew(.23deg)}85%{clip:rect(94px,9999px,43px,0);transform:skew(.39deg)}90%{clip:rect(4px,9999px,57px,0);transform:skew(.72deg)}95%{clip:rect(60px,9999px,96px,0);transform:skew(.05deg)}100%{clip:rect(65px,9999px,48px,0);transform:skew(.13deg)}}@keyframes glitch-anim2{0%{clip:rect(85px,9999px,56px,0);transform:skew(.09deg)}5%{clip:rect(15px,9999px,40px,0);transform:skew(.24deg)}10%{clip:rect(71px,9999px,84px,0);transform:skew(.98deg)}15%{clip:rect(2px,9999px,82px,0);transform:skew(.76deg)}20%{clip:rect(48px,9999px,75px,0);transform:skew(.93deg)}25%{clip:rect(76px,9999px,53px,0);transform:skew(.19deg)}30%{clip:rect(80px,9999px,85px,0);transform:skew(.34deg)}35%{clip:rect(62px,9999px,46px,0);transform:skew(.17deg)}40%{clip:rect(23px,9999px,8px,0);transform:skew(.67deg)}45%{clip:rect(70px,9999px,73px,0);transform:skew(.5deg)}50%{clip:rect(35px,9999px,64px,0);transform:skew(.72deg)}55%{clip:rect(46px,9999px,98px,0);transform:skew(.14deg)}60%{clip:rect(97px,9999px,77px,0);transform:skew(.81deg)}65%{clip:rect(94px,9999px,3px,0);transform:skew(.11deg)}70%{clip:rect(70px,9999px,74px,0);transform:skew(.63deg)}75%{clip:rect(26px,9999px,34px,0);transform:skew(.57deg)}80%{clip:rect(51px,9999px,25px,0);transform:skew(.08deg)}85%{clip:rect(56px,9999px,77px,0);transform:skew(.33deg)}90%{clip:rect(13px,9999px,74px,0);transform:skew(.02deg)}95%{clip:rect(74px,9999px,72px,0);transform:skew(.76deg)}100%{clip:rect(96px,9999px,94px,0);transform:skew(.48deg)}}@keyframes glitch-skew{0%{transform:skew(4deg)}10%{transform:skew(3deg)}20%{transform:skew(0)}30%{transform:skew(1deg)}40%{transform:skew(-1deg)}50%{transform:skew(5deg)}60%{transform:skew(1deg)}70%{transform:skew(5deg)}80%{transform:skew(1deg)}90%{transform:skew(2deg)}100%{transform:skew(5deg)}}