@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Jersey+10&family=Quicksand:wght@300..700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap";*{margin:0}html{overflow-x:hidden;width:100%}button,a{cursor:pointer}button:active,a:active{-webkit-tap-highlight-color:transparent;outline:none}html{scroll-behavior:smooth}button{border:none;background:transparent}body{margin:0 auto;color:#fff;font-family:Ubuntu,sans-serif;overflow-x:hidden}body.nav--open{overflow-y:hidden}.heading{font-size:2em}.heading.center{justify-self:center}section{padding:5rem 1.5rem;width:100vw;box-sizing:border-box}section.darker{background:#35373c59;position:relative;z-index:0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}section>div{display:flex;flex-direction:column;max-width:1400px;margin:0 auto;width:100%}section .wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:100px}section .content{display:flex;flex-direction:column}header{display:flex;height:60px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-user-select:none;user-select:none;position:fixed;top:0;width:100vw;padding:4px 20px;z-index:10;box-sizing:border-box}header>div{width:100%;display:grid;align-items:center;max-width:1400px;margin:0 auto;grid-template-columns:1fr auto}header>div .header-nav{text-decoration:none;cursor:pointer;width:fit-content;position:relative;display:block}header>div .header-nav .first-letter{transition:.3s color,.3s text-shadow}header>div .header-nav:hover .first-letter{color:#000;text-shadow:0 0 4px #ffffff}header>div h1{position:relative;color:#d1d1d1;font-weight:400;font-size:2em;height:40px;font-family:Quicksand,sans-serif}header>div h1 span{font-family:Ubuntu,sans-serif;color:#fff}header nav{display:flex;gap:24px;justify-content:center;align-items:center}header nav a{text-decoration:none;color:#cbcbcb;font-family:Quicksand,sans-serif;font-weight:500;transition:.3s color}header nav a:hover{color:#6bf0a4}.highlight{font-family:Quicksand,sans-serif;font-size:18px;font-weight:800;color:#6bf0a4}.welcome-banner{font-size:1.2rem;font-weight:300;margin-top:100px;display:flex;flex-direction:column}.welcome-banner h1{font-size:2em}.welcome-banner .wrapper{gap:0px;grid-template-columns:1fr 1.1fr .1fr}.welcome-banner .description{font-family:Quicksand,sans-serif;margin-top:42px;color:#cbcbcb}.welcome-banner .tag{background:#6bf0a4;color:#000;padding:4px;margin-bottom:22px;width:fit-content;border-radius:2px;font-weight:100;font-family:"Jersey 10",sans-serif;text-transform:uppercase;font-size:21px;mix-blend-mode:normal}.welcome-banner a.button{margin-top:80px;font-family:Quicksand,sans-serif;font-size:1.25rem;text-transform:uppercase}.welcome-banner .logo-container{position:relative;height:fit-content;transform:scale(.7);transform-origin:top;-webkit-user-drag:none;mix-blend-mode:lighten}.welcome-banner .logo-container .logo{width:100%;height:auto;z-index:1;align-self:center;mix-blend-mode:lighten;pointer-events:none}.welcome-banner .logo-container .logo img{width:100%;height:auto;pointer-events:none}.welcome-banner .logo-container .blobs{filter:url(#goo);position:absolute;width:100%;height:100%;mix-blend-mode:color-dodge;opacity:.75}.welcome-banner .logo-container .blobs .blob{position:absolute;z-index:0;opacity:1;border-radius:50%}.welcome-banner .logo-container .blobs .blob:after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:#2b3334;top:0;left:0;z-index:0;opacity:1}.welcome-banner .logo-container .blobs .blob img{width:100%;box-sizing:border-box;padding:23%;z-index:1;position:relative}.welcome-banner .logo-container .blobs .blob:nth-child(1){width:100%;height:100%;margin-left:0%;bottom:-5%}.welcome-banner .logo-container .blobs .blob:nth-child(2){width:26%;height:26%;bottom:9%;left:-15%}.welcome-banner .logo-container .blobs .blob:nth-child(3){width:6%;height:6%;right:-15%;top:10%}.welcome-banner .logo-container .blobs .blob:nth-child(4){width:35%;height:35%;bottom:-8%;right:-15%}.welcome-banner .logo-container .blobs .blob:nth-child(5){width:20%;height:20%;right:-12%;top:25%}.welcome-banner .logo-container .dot{display:flex;justify-content:center;align-items:center;padding:40px;box-sizing:border-box}.welcome-banner .logo-container .dot img{width:100%;transition:.2s transform}.welcome-banner .logo-container .dot img:hover{transform:scale(1.05)}.welcome-banner .logo-container .dot[data-blob=html]{position:absolute;width:26%;height:26%;bottom:9%;left:-15%}.welcome-banner .logo-container .dot[data-blob=js]{position:absolute;width:35%;height:35%;bottom:-8%;right:-15%}.welcome-banner .logo-container .dot[data-blob=lit]{position:absolute;width:20%;height:20%;right:-12%;top:25%}.button{font-weight:400;text-decoration:none;color:#6bf0a4;background:#00000069;width:fit-content;padding:6px 16px;border:1px solid;border-radius:4px;border-color:#6bf0a4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:.3s border-color,.3s background,.3s color}.button:hover{background:#6bf0a4;color:#000;border-color:#6bf0a4}.wrapper-experience{display:flex;margin-top:80px;font-family:Quicksand,sans-serif}.wrapper-experience .experience{justify-content:center;align-items:center;gap:20px;display:flex}.wrapper-experience .experience .number{font-size:4rem}.wrapper-experience .experience .text{text-transform:uppercase;font-size:16px;font-family:Ubuntu,sans-serif;line-height:34px;color:#b1b1b1}.presentation{display:flex;flex-direction:column;gap:22px}.presentation .title{font-family:Quicksand,sans-serif;font-weight:100;font-size:2rem}.presentation p{font-family:Quicksand,sans-serif;line-height:28px;color:#c9c9c9}.subtitle{font-weight:100;font-size:20px;font-family:"Jersey 10",sans-serif;color:#a3a3a3;letter-spacing:2px;text-transform:uppercase}.panels{display:flex;flex-direction:column;gap:8px;--_border-radius: 1rem}.panels .panel{position:relative;padding:2rem;border-radius:var(--_border-radius);border:2px solid rgba(49,49,49,.04)}.panels .panel:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:-1;border-radius:var(--_border-radius);background:#00000069;mix-blend-mode:luminosity}.panels .panel .header{display:flex;justify-content:space-between}.panels .panel .header .title{font-size:22px;font-family:Quicksand,sans-serif}.panels .panel .header img{width:28px}.panels .panel h2{font-family:Quicksand,sans-serif;font-weight:400;color:#6bf0a4}.panels .panel p{font-family:Quicksand,sans-serif;color:#d1d1d1;font-size:15px;margin-top:24px}.hamburguer-bt{display:none;cursor:pointer;height:48px;position:absolute;width:60px;margin-top:-30px;transform:scale(.4);transition:transform .2s ease-out,opacity .2s ease-out;top:31px;right:0}.hamburguer-bt .hamburguer-bt__stripe{width:100%;height:10px;background:#fff;margin:4px auto;transition:transform .3s,opacity .3s;backface-visibility:hidden}.hamburguer-bt.on .hamburguer-bt__stripe__top{transform:rotate(45deg) translate(10px,10px)}.hamburguer-bt.on .hamburguer-bt__stripe__middle{opacity:0}.hamburguer-bt.on .hamburguer-bt__stripe__bottom{transform:rotate(-45deg) translate(10px,-10px)}.testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:80px}.card{position:relative;--gradient-angle: -180deg;background:linear-gradient(var(--gradient-angle),rgba(109,109,109,.2941176471),#181a1b);padding:24px;border-radius:1rem;display:flex;flex-direction:column;gap:24px;align-items:flex-start;overflow:hidden;height:fit-content}.card>*{z-index:1}.card:after{content:"";position:absolute;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:1rem;background:#1f2022;display:flex;align-self:center;top:1px;left:1px}.card .info{display:flex;justify-content:center;align-items:center;gap:24px}.card .info img{width:64px;border-radius:50px;object-fit:cover}.card .desc p{font-family:Quicksand,sans-serif;color:#d1d1d1;font-size:17px;line-height:24px}.contact-section{display:flex;flex-direction:column;gap:24px}.contact-section .title{font-family:Quicksand,sans-serif;font-weight:100;font-size:2rem}.contact-section .disclaimer{font-size:14px;color:#a3a3a3;font-style:italic;margin-top:-12px;margin-bottom:12px;line-height:21px}.contact-section p{font-family:Quicksand,sans-serif;line-height:28px;color:#c9c9c9}.contact-section a.button{margin-top:0;font-family:Quicksand,sans-serif;font-size:1.25rem;text-transform:uppercase}.contact-methods{mix-blend-mode:exclusion;display:flex;gap:32px;flex-direction:column;justify-content:center;align-items:baseline}.contact-methods a{display:flex;align-items:center;gap:24px;color:#fff;font-family:Quicksand,sans-serif;text-decoration:none;align-self:center;overflow:hidden}.contact-methods a .email{font-size:16px;font-weight:500}.contact-methods a .email .domain{font-weight:400;transition:.3s color;color:#a0a0a0}.contact-methods a:hover .domain{color:#6bf0a4}.contact-methods img{width:64px;max-width:64px;opacity:.9;transition:.3s opacity;border-radius:50%;padding:5px;box-sizing:border-box;border:1px solid rgba(192,192,192,0)}.contact-methods img:hover{opacity:1}footer{background:#25262ae6;padding:2rem 1.5rem;color:#b1b1b1;font-family:Quicksand,sans-serif;font-size:14px;width:100vw;box-sizing:border-box;text-align:center;padding-top:24px;padding-bottom:12px;border-top:1px solid #3a3b3f}footer .highlight{font-size:16px}footer .copyright{font-size:11px;color:#7a7a7a;font-family:Ubuntu,sans-serif;font-weight:300;letter-spacing:.5px;text-align:center;margin-top:24px;-webkit-user-select:none;user-select:none;opacity:.7}footer .footer-content{max-width:1400px;margin:0 auto}footer a{color:#6bf0a4;text-decoration:none;transition:.3s color}footer a:hover{color:#fff}@media (max-width: 1400px){.content.logo-container{display:none}.welcome-banner .wrapper{gap:0px;grid-template-columns:1fr}}@media (max-width: 920px){header{height:50px}header h1{transform:scale(.8);transform-origin:left}.welcome-banner{margin-top:20px}section{padding-top:4rem;padding-bottom:4rem}section .wrapper{display:flex;flex-direction:column-reverse;gap:64px}#contact .wrapper{flex-direction:column}.contact-methods img{opacity:1}.hamburguer-bt{display:block}nav{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;pointer-events:none;z-index:0;background:#000000db;transition:.3s opacity,.3s pointer-events;font-size:2rem}nav.nav--open{opacity:1;pointer-events:all}.testimonials{grid-template-columns:1fr}}.gradient-bg:after{content:"";position:absolute;min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;left:0;top:0;z-index:-1}@keyframes hero-gradient-animation{0%{--c-0:hsla(219.99999999999997,6%,18%,1);--y-0:80%;--s-start-0:9%;--s-end-0:55%;--x-0:85%;--c-1:hsla(219.99999999999997,6%,18%,1);--s-start-1:5%;--s-end-1:72%;--x-1:60%;--y-1:24%;--c-2:hsla(53.999999999999886,0%,0%,.49);--s-start-2:5%;--s-end-2:52%;--y-2:82%;--x-2:13%;--s-start-3:13%;--s-end-3:68%;--y-3:7%;--x-3:24%;--c-3:hsla(119.11764705882352,4%,36%,1)}to{--c-0:hsla(219.99999999999997,6%,18%,1);--y-0:94%;--s-start-0:9%;--s-end-0:55%;--x-0:31%;--c-1:hsla(219.99999999999997,6%,18%,1);--s-start-1:5%;--s-end-1:72%;--x-1:2%;--y-1:25%;--c-2:hsla(54.000000000000036,0%,0%,.49);--s-start-2:5%;--s-end-2:52%;--y-2:20%;--x-2:98%;--s-start-3:13%;--s-end-3:68%;--y-3:92%;--x-3:95%;--c-3:hsla(219.99999999999997,6%,18%,1)}}@property --c-0{syntax: "<color>"; inherits: false; initial-value: hsl(220,6%,18%);}@property --y-0{syntax: "<percentage>"; inherits: false; initial-value: 80%;}@property --s-start-0{syntax: "<percentage>"; inherits: false; initial-value: 9%;}@property --s-end-0{syntax: "<percentage>"; inherits: false; initial-value: 55%;}@property --x-0{syntax: "<percentage>"; inherits: false; initial-value: 85%;}@property --c-1{syntax: "<color>"; inherits: false; initial-value: hsl(220,6%,18%);}@property --s-start-1{syntax: "<percentage>"; inherits: false; initial-value: 5%;}@property --s-end-1{syntax: "<percentage>"; inherits: false; initial-value: 72%;}@property --x-1{syntax: "<percentage>"; inherits: false; initial-value: 60%;}@property --y-1{syntax: "<percentage>"; inherits: false; initial-value: 24%;}@property --c-2{syntax: "<color>"; inherits: false; initial-value: hsla(54,0%,0%,.49);}@property --s-start-2{syntax: "<percentage>"; inherits: false; initial-value: 5%;}@property --s-end-2{syntax: "<percentage>"; inherits: false; initial-value: 52%;}@property --y-2{syntax: "<percentage>"; inherits: false; initial-value: 82%;}@property --x-2{syntax: "<percentage>"; inherits: false; initial-value: 13%;}@property --s-start-3{syntax: "<percentage>"; inherits: false; initial-value: 13%;}@property --s-end-3{syntax: "<percentage>"; inherits: false; initial-value: 68%;}@property --y-3{syntax: "<percentage>"; inherits: false; initial-value: 7%;}@property --x-3{syntax: "<percentage>"; inherits: false; initial-value: 24%;}@property --c-3{syntax: "<color>"; inherits: false; initial-value: hsl(119.1176470588,4%,36%);}.gradient-bg{--c-0:hsla(219.99999999999997,6%,18%,1);--y-0:80%;--x-0:85%;--c-1:hsla(219.99999999999997,6%,18%,1);--x-1:60%;--y-1:24%;--c-2:hsla(53.999999999999886,0%,0%,.49);--y-2:82%;--x-2:13%;--y-3:7%;--x-3:24%;--c-3:hsla(119.11764705882352,4%,36%,1);background-color:#000;background-image:radial-gradient(circle at var(--x-0) var(--y-0),var(--c-0) var(--s-start-0),transparent var(--s-end-0)),radial-gradient(circle at var(--x-1) var(--y-1),var(--c-1) var(--s-start-1),transparent var(--s-end-1)),radial-gradient(circle at var(--x-2) var(--y-2),var(--c-2) var(--s-start-2),transparent var(--s-end-2)),radial-gradient(circle at var(--x-3) var(--y-3),var(--c-3) var(--s-start-3),transparent var(--s-end-3));animation:hero-gradient-animation 10s linear infinite alternate;background-blend-mode:normal,normal,normal,normal}.container-bg{position:absolute;top:0;width:100vw;height:120vh;pointer-events:none}.bg-effect{pointer-events:none;position:absolute;width:100%;height:100%;background-image:url(/bg.gif);background-size:cover;background-repeat:repeat;background-position:center;z-index:0;opacity:.02;left:0;top:0}.bg-light{pointer-events:none;position:fixed;width:120vw;height:120vh;background:radial-gradient(circle at center,rgba(19,255,176,.527),transparent 80%);z-index:-1;left:0;top:0;mix-blend-mode:multiply;opacity:1;filter:blur(100px)}
