@import url(https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;1,500&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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background:linear-gradient(#3800e7,#8a15ff);color:#fff;font-family:DM Mono,monospace;font-size:calc(11.23077px + .92308vw);font-weight:300;height:100vh;overflow:hidden;text-align:center}h1{font-size:3em;margin-bottom:.2em}h2{font-size:2em}.main{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;height:100vh;justify-content:center;position:relative}.main:after,.main:before{content:"";display:block;position:absolute;z-index:-3}.main:before{align-self:flex-end;-webkit-animation:gradient-fade 8s ease-in-out 3s infinite alternate;animation:gradient-fade 8s ease-in-out 3s infinite alternate;border-radius:30em;bottom:-19;height:30em;right:0;width:30em}.main:after,.main:before{background:linear-gradient(#3800e7,#8a15ff)}.main:after{-webkit-animation:gradient-fade-alt 6s ease-in-out 3s infinite alternate;animation:gradient-fade-alt 6s ease-in-out 3s infinite alternate;border-radius:10em;height:10em;left:30;top:0;width:10em}.main__text-wrapper{padding:2em;position:relative}.main__text-wrapper:after,.main__text-wrapper:before{content:"";display:block;position:absolute}.main__text-wrapper:before{background:linear-gradient(#15e0ff,#8a15ff);border-radius:13em;height:13em;opacity:.7;right:-3em;top:-3em;width:13em}.main__text-wrapper:after,.main__text-wrapper:before{-webkit-animation:rotation 7s linear infinite;animation:rotation 7s linear infinite;z-index:-1}.main__text-wrapper:after{background:linear-gradient(#d000c5,#8a15ff);border-radius:20em;bottom:-20em;height:20em;width:20em}.arrow{opacity:.5;position:absolute;z-index:1000}.arrow--top{left:-5em;top:0}.arrow--bottom{bottom:0;right:3em}.circle{-webkit-transform:translate(50%,-50%) rotate(0deg);transform:translate(50%,-50%) rotate(0deg);-webkit-transform-origin:center;transform-origin:center}.circle--ltblue{background:linear-gradient(#15e0ff,#3800e7);border-radius:20em;height:20em;width:20em}.backdrop{background-color:pink;display:block;height:100vh;position:absolute;width:100vw}.dotted-circle{-webkit-animation:rotation 38s linear infinite;animation:rotation 38s linear infinite;opacity:.3;position:absolute;right:0;top:0}.draw-in{stroke-dasharray:1000;stroke-dashoffset:10;-webkit-animation:draw 15s ease-in-out infinite alternate;animation:draw 15s ease-in-out infinite alternate}@-webkit-keyframes draw{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}@keyframes draw{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}.item-to{-webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-transform-origin:bottom;transform-origin:bottom}.bounce-1{-webkit-animation-name:bounce-1;animation-name:bounce-1;-webkit-animation-timing-function:ease;animation-timing-function:ease}.bounce-2{-webkit-animation-name:bounce-2;animation-name:bounce-2;-webkit-animation-timing-function:ease;animation-timing-function:ease}.bounce-3{-webkit-animation-name:bounce-3;animation-name:bounce-3;-webkit-animation-timing-function:ease;animation-timing-function:ease}@-webkit-keyframes bounce-1{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(50px);transform:translateY(50px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounce-1{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(50px);transform:translateY(50px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes bounce-2{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounce-2{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes bounce-3{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(30px);transform:translateY(30px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounce-3{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(30px);transform:translateY(30px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes gradient-fade{0%{-webkit-transform:translate(10%,-10%) rotate(0deg);transform:translate(10%,-10%) rotate(0deg)}to{-webkit-transform:translate(50%,-50%) rotate(1turn);transform:translate(50%,-50%) rotate(1turn)}}@keyframes gradient-fade{0%{-webkit-transform:translate(10%,-10%) rotate(0deg);transform:translate(10%,-10%) rotate(0deg)}to{-webkit-transform:translate(50%,-50%) rotate(1turn);transform:translate(50%,-50%) rotate(1turn)}}@-webkit-keyframes gradient-fade-alt{0%{-webkit-transform:translate(-20%,20%) rotate(0deg);transform:translate(-20%,20%) rotate(0deg)}to{-webkit-transform:translate(-60%,60%) rotate(1turn);transform:translate(-60%,60%) rotate(1turn)}}@keyframes gradient-fade-alt{0%{-webkit-transform:translate(-20%,20%) rotate(0deg);transform:translate(-20%,20%) rotate(0deg)}to{-webkit-transform:translate(-60%,60%) rotate(1turn);transform:translate(-60%,60%) rotate(1turn)}}
/*# sourceMappingURL=main.c67b18e7.css.map*/