@font-face{font-family:Althy;src:url(/fonts/Althy.otf)format("truetype");font-weight:400;font-style:normal}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;width:100%}body{box-sizing:border-box;min-height:100vh;margin:0;padding:0;font-family:Roboto,Arial;overflow-x:hidden}.type--A{--line_color:#e00000}.type--B{--line_color:#1b1919;--back_color:#e9ecff}.type--C{--line_color:#00135c;--back_color:#defffa}.button{z-index:0;height:40px;color:var(--line_color);letter-spacing:2px;font-size:14px;font-weight:700;text-decoration:none;transition:all .3s;position:relative}.button .button__text{color:#000;white-space:nowrap;text-overflow:ellipsis;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.dark-mode .button__text{color:#fff}.light-mode .button__text{color:#000}.button:before,.button:after,.button__text:before,.button__text:after{content:"";background:var(--line_color);border-radius:2px;height:3px;transition:all .5s;position:absolute}.button:before{width:calc(100% - 128px);top:0;left:54px}.button:after{width:8px;top:0;right:54px}.button__text:before{width:calc(100% - 128px);bottom:0;right:54px}.button__text:after{width:8px;bottom:0;left:54px}.button__line{width:56px;height:100%;position:absolute;top:0;overflow:hidden}.button__line:before{content:"";box-sizing:border-box;border:solid 3px var(--line_color);border-radius:300px;width:150%;height:100%;position:absolute;top:0}.button__line:first-child,.button__line:first-child:before{left:0}.button__line:nth-child(2),.button__line:nth-child(2):before{right:0}.button:hover{letter-spacing:6px}.button:hover:before,.button:hover .button__text:before{width:8px}.button:hover:after,.button:hover .button__text:after{width:calc(100% - 128px)}.button__drow1,.button__drow2{z-index:-1;transform-origin:16px 16px;border-radius:16px;position:absolute}.button__drow1{width:32px;height:0;top:-16px;left:40px;transform:rotate(30deg)}.button__drow2{width:32px;height:0;top:44px;left:77px;transform:rotate(-127deg)}.button__drow1:before,.button__drow1:after,.button__drow2:before,.button__drow2:after{content:"";position:absolute}.button__drow1:before{transform-origin:16px 16px;border-radius:16px;width:0;height:32px;bottom:0;left:0;transform:rotate(-60deg)}.button__drow1:after{transform-origin:16px 16px;border-radius:16px;width:0;height:32px;top:-10px;left:45px;transform:rotate(69deg)}.button__drow2:before{transform-origin:16px 16px;border-radius:16px;width:0;height:32px;bottom:0;left:0;transform:rotate(-146deg)}.button__drow2:after{transform-origin:16px 16px;border-radius:16px;width:0;height:32px;bottom:26px;left:-40px;transform:rotate(-262deg)}.button__drow1,.button__drow1:before,.button__drow1:after,.button__drow2,.button__drow2:before,.button__drow2:after{background:var(--back_color)}.button:hover .button__drow1{animation:60ms ease-in forwards drow1}.button:hover .button__drow1:before{animation:80ms linear 60ms forwards drow2}.button:hover .button__drow1:after{animation:30ms linear .14s forwards drow3}.button:hover .button__drow2{animation:60ms linear .2s forwards drow4}.button:hover .button__drow2:before{animation:30ms linear .26s forwards drow3}.button:hover .button__drow2:after{animation:60ms linear .32s forwards drow5}@keyframes drow1{0%{height:0}to{height:100px}}@keyframes drow2{0%{opacity:0;width:0}10%{opacity:0}11%{opacity:1}to{width:120px}}@keyframes drow3{0%{width:0}to{width:80px}}@keyframes drow4{0%{height:0}to{height:120px}}@keyframes drow5{0%{width:0}to{width:124px}}.container{flex-direction:column;justify-content:center;align-items:center;width:100%;height:300px;display:flex}.button:not(:last-child){margin-bottom:64px}.btn{text-align:center;border:3px solid #1a1a1a;padding:10px;transition:background .6s,color .6s;display:inline-block;position:relative}input[type=radio].toggle{display:none}input[type=radio].toggle+label{cursor:pointer;min-width:60px}input[type=radio].toggle+label:hover{color:#1a1a1a;background:0 0}input[type=radio].toggle+label:after{content:"";z-index:-1;background:#1a1a1a;width:100%;height:100%;transition:left .2s cubic-bezier(.77,0,.175,1);position:absolute;top:0}input[type=radio].toggle.toggle-left+label{border-right:0}input[type=radio].toggle.toggle-left+label:after{left:100%}input[type=radio].toggle.toggle-right+label{margin-left:-5px}input[type=radio].toggle.toggle-right+label:after{left:-100%}input[type=radio].toggle:checked+label{cursor:default;color:#fff;transition:color .2s}input[type=radio].toggle:checked+label:after{left:0}:root{--color:#8c6ff0;--color-right:#5628ee;--color-left:#23c4f8}.infinity{width:120px;height:60px;position:relative}.infinity div,.infinity span{position:absolute}.infinity div{width:60px;height:60px;animation:6.9s linear infinite rotate;top:0;left:50%}.infinity div span{background:var(--color);border-radius:50%;width:16px;height:16px;margin:-8px 0 0;animation:6.9s linear infinite move;display:block;top:50%;left:-8px;transform:rotate(90deg);box-shadow:2px 2px 8px #8c6ff017}.infinity div span:before,.infinity div span:after{content:"";width:14px;height:14px;box-shadow:inherit;border-radius:50%;margin:-7px 0 0 -7px;display:block;position:absolute;top:50%;left:50%}.infinity div span:before{animation:.8s linear infinite drop1}.infinity div span:after{animation:.8s linear .4s infinite drop2}.infinity div:nth-child(2),.infinity div:nth-child(2) span{animation-delay:-2.3s}.infinity div:nth-child(3),.infinity div:nth-child(3) span{animation-delay:-4.6s}.infinityChrome{width:128px;height:60px}.infinityChrome div{background:var(--color);filter:url(#goo);offset-path:path("M64.3636364,29.4064278 C77.8909091,43.5203348 84.4363636,56 98.5454545,56 C112.654545,56 124,44.4117395 124,30.0006975 C124,15.5896556 112.654545,3.85282763 98.5454545,4.00139508 C84.4363636,4.14996252 79.2,14.6982509 66.4,29.4064278 C53.4545455,42.4803627 43.5636364,56 29.4545455,56 C15.3454545,56 4,44.4117395 4,30.0006975 C4,15.5896556 15.3454545,4.00139508 29.4545455,4.00139508 C43.5636364,4.00139508 53.1636364,17.8181672 64.3636364,29.4064278 Z");border-radius:50%;width:16px;height:16px;animation:6.9s linear infinite moveSvg;position:absolute;transform:scaleX(-1);box-shadow:2px 2px 8px #8c6ff017}.infinityChrome div:before,.infinityChrome div:after{content:"";background:inherit;width:14px;height:14px;box-shadow:inherit;border-radius:50%;margin:-7px 0 0 -7px;display:block;position:absolute;top:50%;left:50%}.infinityChrome div:before{animation:.8s linear infinite drop1}.infinityChrome div:after{animation:.8s linear .4s infinite drop2}.infinityChrome div:nth-child(2){animation-delay:-2.3s}.infinityChrome div:nth-child(3){animation-delay:-4.6s}@keyframes moveSvg{0%{offset-distance:0%}25%{background:var(--color-right)}75%{background:var(--color-left)}to{offset-distance:100%}}@keyframes rotate{50%{margin-left:0;transform:rotate(360deg)}50.0001%,to{margin-left:-60px}}@keyframes move{0%,50%{left:-8px}25%{background:var(--color-right)}75%{background:var(--color-left)}50.0001%,to{left:auto;right:-8px}}@keyframes drop1{to{transform:translate(32px,8px)scale(0)}}@keyframes drop2{0%{transform:translate(0)scale(.9)}to{transform:translate(32px,-8px)scale(0)}}.infinity{display:none}.dribbble{display:block;position:fixed;bottom:20px;right:20px}.dribbble img{height:28px;display:block}ul li{text-align:center;list-style:none}ul li a{color:#333;padding:5px 20px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .5s;display:inline-flex}ul:hover li a{color:#0002}ul li:hover a{color:#000;background:0 0}ul li a:before{content:"";color:#0000001a;z-index:-1;opacity:0;text-transform:uppercase;letter-spacing:500px;border-radius:50%;justify-content:center;align-items:center;font-size:5em;font-weight:900;transition:letter-spacing .5s,left .5s;display:flex;position:absolute;top:50%;left:40%;transform:translate(-50%,-50%)}ul li a:hover:before{content:attr(data-text);opacity:1;letter-spacing:10px;width:1800px;height:1800px;left:50%}ul li:nth-child(6n+1) a:before{background:#69aaff}ul li:nth-child(6n+2) a:before{background:#ffc1c1}ul li:nth-child(6n+3) a:before{background:#b5d8ff}ul li:nth-child(6n+4) a:before{background:#c8c4ff}ul li:nth-child(6n+5) a:before{background:#ffc2d7}ul li:nth-child(6n+6) a:before{background:#fff6d9}@keyframes heartBeat{0%{transform:scale(.95)}5%{transform:scale(1.1)}39%{transform:scale(.85)}45%{transform:scale(1)}60%{transform:scale(.95)}to{transform:scale(.9)}}.loader{animation:1.2s cubic-bezier(.215,.61,.355,1) infinite heartBeat}.letter.letter-2{animation:2s ease-in-out infinite alternate flicker;transform:translateY(.1rem)rotate(20deg)}@keyframes flicker{0%{opacity:1;transform:translateY(.1rem)rotate(20deg)}5%{opacity:1;transform:translateY(.1rem)rotate(20deg)}5.5%{opacity:0;transform:translateY(.1rem)rotate(20deg)}6%{opacity:1;transform:translateY(.1rem)rotate(20deg)}6.5%{opacity:1;transform:translateY(.1rem)rotate(20deg)}7%{opacity:0;transform:translateY(.1rem)rotate(20deg)}8%{opacity:1;transform:translateY(.1rem)rotate(20deg)}50%{opacity:1;transform:translateY(.1rem)rotate(13deg)}to{opacity:1;transform:translateY(.1rem)rotate(20deg)}}.arrow{cursor:pointer;position:absolute;top:50%;left:50%;transform:rotate(90deg)}.arrow span{border-bottom:5px solid #fff;border-right:5px solid #fff;width:1.5vw;height:1.5vw;margin:-10px;animation:2s infinite animate;display:block;transform:rotate(45deg)}.arrow span:nth-child(2){animation-delay:-.2s}.arrow span:nth-child(3){animation-delay:-.4s}@keyframes animate{0%{opacity:0;transform:rotate(45deg)translate(-20px,-20px)}50%{opacity:1}to{opacity:0;transform:rotate(45deg)translate(20px,20px)}}.bars{width:100%;height:100%;animation:mirror1 calc(var(--s)*2)ease 0s infinite;padding:6.5vmin 3vmin;position:absolute}.bars+.bars{animation:mirror2 calc(var(--s)*2)ease calc(var(--s)/2)infinite;transform:rotate(90deg)rotateX(180deg)}.bar{background:linear-gradient(90deg,transparent 33%,var(--w)33% 67%,transparent 67% 100%);width:44vmin;height:3vmin;animation:grow var(--s)ease-in-out 0s infinite alternate;background-position-x:-203%;background-size:300%;margin:2vmin 0}@keyframes mirror1{0%,47%,99.99%,to{transform:rotate(180deg)rotateX(0)}47.01%,99.98%{transform:rotate(180deg)rotateX(180deg)}}@keyframes mirror2{0%,47%,99.99%,to{transform:rotate(90deg)rotateX(180deg)}47.01%,99.98%{transform:rotate(90deg)rotateX(0)}}@keyframes grow{0%,25%{background-position-x:-297%}45%,55%{background-position-x:-250%}75%,to{background-position-x:-203%}}.bar:nth-child(2){animation-delay:calc(var(--s)*-.02)}.bar:nth-child(3){animation-delay:calc(var(--s)*-.04)}.bar:nth-child(4){animation-delay:calc(var(--s)*-.06)}.bar:nth-child(5){animation-delay:calc(var(--s)*-.08)}.bar:nth-child(6){animation-delay:calc(var(--s)*-.1)}.bar:nth-child(7){animation-delay:calc(var(--s)*-.12)}.bars:nth-child(2) .bar:first-child{animation-delay:calc(calc(var(--s)*-.001) - calc(var(--s)/2))}.bars:nth-child(2) .bar:nth-child(2){animation-delay:calc(calc(var(--s)*-.02) - calc(var(--s)/2))}.bars:nth-child(2) .bar:nth-child(3){animation-delay:calc(calc(var(--s)*-.04) - calc(var(--s)/2))}.bars:nth-child(2) .bar:nth-child(4){animation-delay:calc(calc(var(--s)*-.06) - calc(var(--s)/2))}.bars:nth-child(2) .bar:nth-child(5){animation-delay:calc(calc(var(--s)*-.08) - calc(var(--s)/2))}.bars:nth-child(2) .bar:nth-child(6){animation-delay:calc(calc(var(--s)*-.1) - calc(var(--s)/2))}.bars:nth-child(2) .bar:nth-child(7){animation-delay:calc(calc(var(--s)*-.12) - calc(var(--s)/2))}.dot{width:28px;height:28px;display:inline-block;position:relative}.dot:after,.dot:before{content:"";box-sizing:border-box;background:#fc6400;border-radius:50%;width:28px;height:28px;animation:2s linear infinite animloader;position:absolute;top:0;left:0}.dot:after{animation-delay:1s}@keyframes animloader{0%{filter:blur();transform:skew(0deg)}to{filter:blur(3px);transform:skew(-4deg)}}.dotTwo{width:28px;height:28px;display:inline-block;position:relative}.dotTwo:after,.dotTwo:before{content:"";box-sizing:border-box;border:2px solid #fff;border-radius:50%;width:28px;height:28px;animation:2s linear infinite whitedotloader;position:absolute;top:0;left:0}.dotTwo:after{animation-delay:1s}@keyframes whitedotloader{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(1)}}.orangeDot{width:28px;height:28px;display:inline-block;position:relative}.orangeDot:after,.orangeDot:before{content:"";box-sizing:border-box;border:2px solid #ff5900;border-radius:50%;width:28px;height:28px;animation:2s linear infinite dotloader;position:absolute;top:0;left:0}.orangeDot:after{animation-delay:1s}@keyframes dotloader{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(1)}}.mouseDown{box-sizing:border-box;border:2px solid #fff;border-radius:50%/25%;width:32px;height:52px;margin:auto;position:relative}.mouseDown:before{content:"";background:#ff8400;border-radius:10px;width:3px;height:3px;animation:2s linear infinite scrollDown;position:absolute;top:10px;left:50%;transform:translate(-50%)}@keyframes scrollDown{0%{opacity:1;height:3px;top:8px}33%{height:25px;top:8px}66%{opacity:1;height:7px;top:30px}to{opacity:0;height:3px;top:34px}}.blurryText{letter-spacing:8px;color:#fc6400;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;animation:1s ease-in infinite alternate animloader;display:inline-block}