*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,video,canvas{display:inline-block;max-width:100%;vertical-align:middle}svg{display:block;max-width:100%;max-height:100%}iframe{width:100%;border:0}input,button,textarea,select{color:inherit;font:inherit}select{appearance:none}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ul:where([class]){list-style:none;padding-left:0;margin-bottom:0}*{font-family:DM Sans,sans-serif}html{font-size:62.5%}body{margin:0;color:#e6e8ec;position:relative;height:100%}h1,h2,h3,h4,h5,h6{font-family:DM Sans,sans-serif;font-weight:700;color:#e6e8ec;letter-spacing:-.02em}h1{font-size:3.2rem;line-height:1.1}h2{font-size:3.2rem}h3{font-size:3rem}h4,h5,h6{font-size:2rem}a,p,li,label{font-size:1.6rem;line-height:2.2;font-weight:400;letter-spacing:.03em}a{line-height:1.5;color:#0ff}a:hover{color:#0ff}main{position:relative;overflow:hidden auto}.primary{position:absolute;top:20rem;left:-23rem;width:40rem;height:40rem;border-radius:50%;border:1px solid #686ef3;opacity:.2}.secondary{position:absolute;top:10rem;right:-23rem;width:40rem;height:40rem;border-radius:50%;border:1px solid #ffbd12;opacity:.1}@media all and (min-width: 768px){h1{font-size:8.4rem}.primary{position:absolute;top:20rem;left:-20rem;width:80rem;height:80rem;border-radius:50%;border:1px solid #686ef3;opacity:.2}.secondary{position:absolute;top:10rem;right:-20rem;width:80rem;height:80rem;border-radius:50%;border:1px solid #ffbd12;opacity:.1}}/*! locomotive-scroll v4.1.3 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */html.has-scroll-smooth{overflow:hidden}html.has-scroll-dragging{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.has-scroll-smooth body{overflow:hidden}.has-scroll-smooth [data-scroll-container]{min-height:100vh}[data-scroll-direction=horizontal] [data-scroll-container]{height:100vh;display:inline-block;white-space:nowrap}[data-scroll-direction=horizontal] [data-scroll-section]{display:inline-block;vertical-align:top;white-space:nowrap;height:100%}.c-scrollbar{position:absolute;right:0;top:0;width:11px;height:100%;transform-origin:center right;transition:transform .3s,opacity .3s;opacity:0}.c-scrollbar:hover{transform:scaleX(1.45)}.c-scrollbar:hover,.has-scroll-scrolling .c-scrollbar,.has-scroll-dragging .c-scrollbar{opacity:1}[data-scroll-direction=horizontal] .c-scrollbar{width:100%;height:10px;top:auto;bottom:0;transform:scaleY(1)}[data-scroll-direction=horizontal] .c-scrollbar:hover{transform:scaleY(1.3)}.c-scrollbar_thumb{position:absolute;top:0;right:0;background-color:#fff;opacity:.5;width:7px;border-radius:10px;margin:2px;cursor:-webkit-grab;cursor:grab}.has-scroll-dragging .c-scrollbar_thumb{cursor:-webkit-grabbing;cursor:grabbing}[data-scroll-direction=horizontal] .c-scrollbar_thumb{right:auto;bottom:0}.btn{display:inline-block;min-width:12rem;line-height:1.4;font-size:1.4rem;padding:.6rem 1.5rem;border:1px solid rgba(0,0,0,0);border-radius:3rem;outline:none;text-align:center;text-decoration:none;position:relative;cursor:pointer;font-weight:400;transition:background-color .16s,border .16s,color .16s,transform .16s,opacity .16s}.btn--primary{background-color:#686ef3;color:#fff;border:1px solid #686ef3}.btn--primary:hover{color:#686ef3;background-color:#0000}@media all and (min-width: 768px){.btn{font-size:1.6rem;padding:.8rem 2rem}}.header{padding:1.2rem;z-index:5;position:fixed;width:100%;top:0;transform:translate(0);background-color:#141416;transition:transform .25s}.header-content{display:flex;justify-content:space-between;align-items:center;width:100%;gap:2.4rem;max-width:158rem;margin:0 auto}.logo-symbol{width:3rem;height:100%}.logo-text{width:10rem;height:70%;transform:translateY(.1rem);transition:color .25s}.logo{display:flex;align-items:center;gap:1rem;height:3rem;flex-shrink:0}@media all and (min-width: 768px){.header{padding:1.68rem}.logo{height:4rem;gap:1rem}.logo-text{width:12rem}.logo-symbol{width:4rem}}.hero{padding:2.4rem;display:flex;align-items:center;justify-content:center;height:100vh;position:relative;overflow:hidden}.hero-content{max-width:100rem;margin:0 auto 20rem;text-align:center;pointer-events:none;z-index:1}.hero-content p{color:#585d6b;text-transform:uppercase}.hero-content p.hero-text{color:#e6e8ec;font-size:2rem;text-transform:none}.hero-content h1{width:fit-content;background:linear-gradient(91.99deg,#00ffff 1.02%,#4c9ae4 61.61%,#686ef3 80.75%);background-size:200% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:2.4rem 0;animation:rainbow-animation 5s cubic-bezier(.7,.06,.42,.99) infinite}.hero-images{display:flex;align-items:center;justify-content:space-between;position:absolute;left:0;bottom:0;width:100%}.hero-images figcaption{opacity:0;width:100%;text-align:center;font-size:1.4rem;color:#e6e8ec;position:absolute;bottom:2.4rem;text-shadow:#000 0 0 .8rem;transition:.2s cubic-bezier(.165,.84,.44,1)}.hero-images figcaption>span{display:block}.hero-images figure{height:26rem;width:16rem;position:relative}.hero-images figure img{width:100%;height:100%;opacity:.5;object-fit:contain;object-position:90% 100%;filter:grayscale(100%);transition:.5s cubic-bezier(.165,.84,.44,1)}.hero-images figure.juan{width:18rem}.hero-images figure.jose img{transform:translateY(3rem)}.hero-images figure:hover img{opacity:.8;filter:grayscale(0%)}.hero-images figure:hover figcaption{opacity:1}.scroll-down{display:none}@media all and (min-width: 768px){.hero{overflow:visible}.hero-images figcaption{font-size:2rem}.hero-images figure{height:50rem;width:40rem}.hero-images figure img{object-position:90% 0}.hero-images figure.juan{width:unset}.hero-images figure.jose img{transform:translateY(0)}.scroll-down{display:block;position:absolute;bottom:2.4rem;left:50%;transform:translate(-50%);z-index:1;font-size:1.6rem}.scroll-down:before,.scroll-down:after{content:"";display:block;position:absolute;left:50%;transform:translate(-50%)}.scroll-down:before{bottom:5.5rem;width:1.5rem;height:1.5rem;border-radius:50%;background:#585d6b;animation:scroll 3s infinite}.scroll-down:after{bottom:3rem;width:2.5rem;height:4.5rem;border-radius:2rem;border:1px solid #585d6b}}@media all and (min-width: 1281px){.hero-images figure{height:60rem;width:50rem}}@keyframes scroll{0%{transform:translate(-50%) translateY(0);opacity:1}50%{opacity:1}to{transform:translate(-50%) translateY(150%);opacity:0}}@keyframes rainbow-animation{0%,to{background-position:100% center}50%{background-position:0% center}}.about{display:flex;justify-content:center;align-items:center;background-color:#141416;padding:7.2rem 2.4rem 4.8rem;width:100%;min-height:70vh}.about-content{max-width:65rem;margin:0 auto;text-align:center}.about-content h1{margin-bottom:2.4rem}.about-content p{color:#585d6b;font-size:1.6rem}@media all and (min-width: 768px){.about{padding:2.4rem}.about-content h1{margin-bottom:4.8rem}.about-content p{font-size:2rem}}.infra{display:flex;flex-direction:column-reverse;justify-content:center;align-items:center;background-color:#141416;padding:0 2.4rem 4.8rem;width:100%;min-height:100vh}.infra-content{max-width:65rem;margin:0 auto;text-align:center}.infra-content h1{margin-bottom:2.4rem}.infra-content p{color:#585d6b;font-size:1.6rem}.infra-group{display:grid;gap:2.4rem;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));margin-top:2.4rem}.infra-item{padding:2.4rem;border-radius:1.2rem;border:1px solid #353945;text-align:left;position:relative}.infra-item p{font-size:1.4rem;color:#585d6b}.infra-item h3{font-size:2rem;color:#e6e8ec;margin-bottom:1.2rem}.infra-item ul{list-style:none;padding:0;margin:0}.infra-item li{font-size:1.4rem;color:#585d6b}.infra-item li>span{color:#e6e8ec;margin-right:1em}.infra-item svg{width:4rem;height:4rem;color:#fff}.infra-item header{display:flex;align-items:flex-start;justify-content:space-between;gap:4.8rem;margin-bottom:2.4rem}.infra-item-online{position:relative;font-size:1.4rem;line-height:1}.sphere-animation{margin:0 auto 7.2rem;width:26rem;height:26rem}.sphere path{fill:#0000;stroke-width:1px;backface-visibility:hidden}.indicator{display:inline-block;position:absolute;top:.2rem;left:-2.5rem;width:8px;height:8px}.indicator:before{content:"";display:block;width:8px;height:8px;position:absolute;background:#61d500;border-radius:.5rem}.indicator span{position:absolute;border:4px solid #61d500;border-radius:50%;box-sizing:content-box;animation:ripple 2.8s ease-out infinite}.indicator span:nth-child(2){animation-delay:-1.2s}@media all and (min-width: 768px){.infra{padding:2.4rem;flex-direction:row}.sphere-animation{width:42rem;height:42rem;margin:0 auto}.infra-content h1{margin-bottom:4.8rem}.infra-content p{font-size:2rem}}@media all and (min-width: 1281px){.sphere-animation{width:62rem;height:62rem}}@keyframes ripple{0%{top:0;left:0;width:0;height:0;opacity:0}1%{opacity:.8}95%{top:-18px;left:-18px;width:36px;height:36px;opacity:0}to{opacity:0}}.cta{display:flex;justify-content:center;align-items:center;background-color:#141416;padding:4.8rem 2.4rem;width:100%}.cta-content{max-width:100rem;margin:0 auto;text-align:center}.cta-content h1{margin-bottom:4.8rem}.join{display:grid;grid-template-areas:"discord github" "discord twitter";gap:2.4rem;text-align:left}.join a{padding:2.4rem;border-radius:1.2rem;border:1px solid #353945;text-decoration:none;position:relative;overflow:hidden;transition:.2s cubic-bezier(.7,.06,.42,.99)}.join a h3{font-size:2rem;display:flex;align-items:center;gap:1rem}.join a h3 svg{height:.8em;width:.8em}.join a p{color:#e6e8ec;line-height:1.2}.join a>svg{position:absolute;bottom:1rem;right:1rem;color:#fff;opacity:.2;transform:translate3d(3.5rem,3.5rem,0) scale(.4);transition:.4s cubic-bezier(.7,.06,.42,.99)}.join a:hover>svg{transform:translate3d(2.5rem,2.5rem,0) scale(.6)}.join-discord{grid-area:discord}.join-discord>svg{height:12rem;width:16rem}.join-discord:hover{border:1px solid rgb(88,101,242);background-color:#5865f2}.join-github{grid-area:github}.join-github>svg{height:10.8rem;width:10rem}.join-github:hover{border:1px solid rgb(36,41,47);background-color:#24292f}.join-twitter{grid-area:twitter}.join-twitter>svg{height:11rem;width:11rem}.join-twitter:hover{border:1px solid rgb(29,155,240);background-color:#1d9bf0}@media all and (min-width: 768px){.cta{min-height:80vh;padding:9.6rem 2.4rem 2.4rem}.join a h3{font-size:3rem}.join a p{line-height:2.2}.join a>svg{transform:translate3d(3.5rem,3.5rem,0) scale(1)}.join a:hover>svg{transform:translateZ(0) scale(1)}}.footer{display:flex;justify-content:center;align-items:center;background-color:#141416;padding:2.4rem;width:100%;min-height:85vh}.footer-content{max-width:100rem;margin:0 auto;text-align:center}.footer-content h1{margin-bottom:4.8rem}.footer-content nav{display:flex;justify-content:center;align-items:center;gap:1rem;margin:2.4rem 0}@media all and (min-width: 768px){.footer{min-height:100vh}.footer-content h1{margin-bottom:9.6rem}}
