@font-face{font-family:Urbanist;font-weight:700;src:url(/fonts/Urbanist/Urbanist-ExtraBold.ttf)}@font-face{font-family:Urbanist;font-weight:400;src:url(/fonts/Urbanist/Urbanist-Regular.ttf)}@font-face{font-family:Urbanist;font-weight:600;src:url(/fonts/Urbanist/Urbanist-Medium.ttf)}@font-face{font-family:TypeScriptFont;src:url(/fonts/TypeScriptFont/typescript_font.woff2)}:root{--max-width:1600px;--border-radius:12px;--foreground-rgb:0,0,0;--background-start-rgb:214,219,220;--background-end-rgb:255,255,255;--title-font:"TypeScriptFont",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--body-font:"TypeScriptFont",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-h1:clamp(3.2rem,.5692rem + 1vw,11.75rem);--font-h2:clamp(3.2rem,.5692rem + 5.238vw,10.75rem);--font-h3:clamp(1.375rem,1.1837rem + .8163vw,2rem);--font-h4:clamp(1.375rem,1.1837rem + .8163vw,1.6rem);--font-h5:clamp(1rem,.9235rem + .3265vw,1.25rem);--font-h6:clamp(1rem,.9617rem + .1633vw,1.125rem);--font-p:clamp(1rem,.8852rem + .4898vw,1.2rem);--font-link:clamp(.875rem,.7985rem + .3265vw,1.125rem);--font-small:clamp(.875rem,.8367rem + .1633vw,1rem);--font-h2-display:clamp(1.875rem,1.301rem + 2.449vw,3.95rem);--transition-bounce:cubic-bezier(.175,.885,.32,1.275);--transition-curve:cubic-bezier(0,.49,0,1.49);--transition-ease:ease-in-out;--brand-light:#a9c6fc;--brand-medium:#384968;--bg-gradient-top:#03103e;--bg-gradient-mid:#020b2c;--bg-gradient-bottom:#030b19;--color-braindump:#000;--color-aware:#3642cb;--color-linkboard:#7e69d7;--color-pursoo:#3823e5;--color-tribe:#005a51;--color-hulda:#d0e9ed;--color-myab:#00347e;--color-dice:#26a2b4;--color-leoni:#000;--color-swiftylion:#ff572d;--color-lacuochiera:#2c6a7b;--color-accent-braindump:#fff;--color-accent-aware:#fff;--color-accent-linkboard:#fff;--color-accent-pursoo:#fff;--color-accent-tribe:#fff;--color-accent-myab:#fff;--color-accent-dice:#fff;--color-accent-leoni:#fff;--color-accent-swiftylion:#fff;--color-accent-lacuochiera:#fff}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;margin:0;padding:0}html,body{max-width:100vw;overflow-x:hidden}body{color:rgb(var(--foreground-rgb));background:linear-gradient(to bottom,transparent,rgb(var(--background-end-rgb)))rgb(var(--background-start-rgb))}h1,h2,h3,h4,h5,h6{font-family:var(--title-font);color:#fff}p,a,small,figcaption,li{font-family:var(--body-font);color:#fff;font-weight:500}h1{font-size:var(--font-h1)}h2{font-size:var(--font-h2)}h3{font-size:var(--font-h3)}h4{font-size:var(--font-h4)}h5{font-size:var(--font-h5)}h6{font-size:var(--font-h6)}p,li{font-size:var(--font-p);line-height:1.7em}small{font-size:var(--font-small)}a{color:inherit;font-size:var(--font-link);text-decoration:none}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.new-navbar{margin:27px auto 0;padding:0 70px}@media (max-width:768px){.new-navbar{padding:0}}.navbar{z-index:1000;padding:0 16px;position:fixed;top:0;left:100px;right:100px;overflow-x:hidden}@media (max-width:768px){.navbar{display:none}}.navbar .content{justify-content:center;align-items:center;max-width:1600px;margin:30px auto 0;display:flex;position:relative;overflow-x:auto}.navbar .content ul{-webkit-backdrop-filter:blur(30px)brightness(.9);backdrop-filter:blur(30px)brightness(.9);border-radius:10px;gap:4px;margin:0;padding:4px;list-style-type:none;transition:all .2s linear;display:flex}.nav-item{border-radius:100px;justify-content:center;align-items:center;display:flex;position:relative}.nav-item:last-child{background-color:#ffffff15}.nav-item a{color:#fff;cursor:pointer;white-space:nowrap;border-radius:100px;padding:4px 16px;font-size:.8em;font-weight:500;transition:all .25s ease-out}.nav-item a:hover{color:var(--bg-gradient-mid);background-color:#fff}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none;overflow:auto}.hide-scrollbar::-webkit-scrollbar{display:none}.container{background:var(--bg-gradient-bottom);flex-direction:column;align-items:center;height:fit-content;padding:2rem;display:flex;position:relative}.container:before{content:"";background:radial-gradient(#2b76df70 0,var(--bg-gradient-bottom)70%);width:100%;height:380px;position:absolute;top:-200px;left:0;right:0}@media (max-width:768px){.container{padding:7em 1em 1em}}.text-gradient{font-family:var(--title-font);font-size:var(--font-h1);background:linear-gradient(#b4b4b4 10%,#09183300 90%);-webkit-text-fill-color:#0000;-webkit-background-clip:text;margin-bottom:-20px;font-weight:700}@media (max-width:768px){.text-gradient{margin-bottom:0}}.hero{z-index:2;height:max(100vh,550px)}@media (max-width:768px){.hero{height:fit-content}}.services{grid-template-columns:1fr 1fr;grid-auto-rows:auto;gap:30px;width:90%;padding:30px 0;display:grid}@media (max-width:768px){.services{grid-template-columns:1fr;width:100%}}.service{cursor:pointer;border:1px solid #ffffff25;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:.5em;padding:3em 1.7em;transition:all .5s cubic-bezier(.2,.8,.3,1);display:flex}.service:hover{background-color:#ffffff15;transform:scale(1.01)translateY(-3px)}.section{width:100%;margin-bottom:5em}.header{gap:1em;max-width:600px;margin:5em 0 7em}.header p{text-align:center}.header a{margin-top:20px}.works{grid-template-columns:repeat(2,1fr);grid-auto-rows:370px;gap:2rem;width:100%;display:grid}@media (max-width:768px){.works{grid-template-columns:1fr;grid-auto-rows:300px;gap:1rem}}.work{cursor:pointer;background-color:#ffffff20;border-radius:8px;justify-content:center;align-items:center;padding:6em 3em 3em;transition:all .5s cubic-bezier(.3,.8,.3,1);display:flex;position:relative;overflow:hidden}.work .bottom-right{opacity:0}.work:hover{transform:scale(1.01)translateY(-5px)}.work:hover .top-right{opacity:0}.work:hover .top-left p{font-weight:700;transition:all .5s cubic-bezier(.3,.8,.3,1);transform:scale(1.8)}.work:hover .bottom-left{opacity:0}.work:hover .bottom-right{opacity:1}@media (max-width:768px){.work{border-radius:8px;padding:5em 2.5em 2.5em}}.work img{object-fit:contain;width:40%;height:35%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:768px){.work img{width:40%}}.top-left{transition:all .5s cubic-bezier(.3,.8,.3,1);position:absolute;top:3em;left:3em}@media (max-width:768px){.top-left{top:2.5em;left:2.5em}}.top-right{transition:all .5s cubic-bezier(.3,.8,.3,1);position:absolute;top:3em;right:3em}@media (max-width:768px){.top-right{top:2.5em;right:2.5em}}.bottom-left{transition:all .5s cubic-bezier(.3,.8,.3,1);position:absolute;bottom:3em;left:3em}@media (max-width:768px){.bottom-left{bottom:2.5em;left:2.5em}}.bottom-right{transition:all .5s cubic-bezier(.3,.8,.3,1);position:absolute;bottom:3em;right:3em}@media (max-width:768px){.bottom-right{bottom:2.5em;right:2.5em}}.work.braindump:before{content:"";background-color:var(--color-braindump);height:30px;transition:all .4s var(--transition-ease);position:absolute;bottom:0;left:0;right:0}.work.aware:before{content:"";background-color:var(--color-aware);height:30px;transition:all .4s var(--transition-ease);position:absolute;bottom:0;left:0;right:0}.work.linkboard:before{content:"";background-color:var(--color-linkboard);height:30px;transition:all .4s var(--transition-ease);position:absolute;bottom:0;left:0;right:0}.work.pursoo:before{content:"";background-color:var(--color-pursoo);height:30px;transition:all .4s var(--transition-ease);position:absolute;bottom:0;left:0;right:0}.work.tribe:before{content:"";background-color:var(--color-tribe);height:30px;transition:all .4s var(--transition-ease);position:absolute;bottom:0;left:0;right:0}.work.hulda:before{content:"";background-color:var(--color-hulda);height:30px;transition:all .4s var(--transition-ease);position:absolute;bottom:0;left:0;right:0}.work.myab:before{content:"";background-color:var(--color-myab);height:30px;transition:all .4s var(--transition-ease);position:absolute;bottom:0;left:0;right:0}.work.dice:before{content:"";background-color:var(--color-dice);height:30px;transition:all .4s var(--transition-ease);position:absolute;bottom:0;left:0;right:0}.work:hover:before{height:100%}.work.braindump{background-color:var(--color-braindump)}.work.tribe{background-color:var(--color-tribe)}.work.aware{background-color:var(--color-aware)}.work.work.linkboard{background-color:var(--color-linkboard)}.work.pursoo{background-color:var(--color-pursoo)}.work.dice{background-color:var(--color-dice)}.work.myab{background-color:var(--color-myab)}.work.leoni{background-color:var(--color-leoni)}.work.swiftylion{background-color:var(--color-swiftylion)}.work.leoni:hover{background-color:var(--color-leoni)}.work.leoni:hover *{color:var(--color-accent-leoni)}.work.swiftylion:hover{background-color:var(--color-swiftylion)}.work.swiftylion:hover *{color:var(--color-accent-swiftylion)}.work.lacuochiera:hover{background-color:var(--color-lacuochiera)}.work.lacuochiera:hover *{color:var(--color-accent-lacuochiera)}.about{max-width:var(--max-width);grid-template-columns:repeat(25,1fr);align-items:center;width:100%;margin:0 auto;display:grid}.about .author{grid-column:3/9}@media (max-width:768px){.about .author{grid-column:2/25}}.about .author div{position:relative;overflow:hidden}.about .author div img{object-fit:cover;border-radius:400px 400px 0 0;width:100%;height:500px}@media (max-width:768px){.about .author div img{border-radius:150px 150px 0 0;height:500px}}.about .info{flex-direction:column;grid-column:11/24;gap:1em;display:flex}@media (max-width:768px){.about .info{grid-column:2/25;margin:3em 0 1em}}.about .info h4{font-size:var(--font-h2-display);color:var(--brand-light)}.about .info h4 a{font-size:inherit;color:inherit;font-weight:700}.about .info h4 a:hover{color:#fff}.about .info p{line-height:2em}.app-detail-header{gap:2em;max-width:800px;margin:5em 0}.app-detail-header p{text-align:center}@media (max-width:768px){.app-detail-header{margin:5em 0 0}}.two-screenshots{max-width:var(--max-width);grid-template-columns:repeat(25,1fr);width:100%;margin:0 auto;display:grid}.two-screenshots .caption{justify-content:center;align-items:start;margin-top:10px;display:flex}.two-screenshots .caption:hover .arrow-up{transform:translateY(-5px)rotate(0)}.two-screenshots .caption .arrow-up{background:var(--brand-medium);border-radius:10px;width:20px;height:20px;margin-right:8px;transition:all .2s ease-in-out;position:relative}.two-screenshots .caption .arrow-up:before{content:"";background:#fff;width:5px;height:2px;position:absolute;top:9px;right:6px;transform:rotate(45deg)}.two-screenshots .caption .arrow-up:after{content:"";background:#fff;width:5px;height:2px;position:absolute;top:9px;left:6px;transform:rotate(-45deg)}.two-screenshots .caption figcaption{text-align:left;opacity:.8;cursor:default;max-width:calc(100% - 30px);font-weight:700}.two-screenshots img{object-fit:contain;border-radius:10px;width:100%}.two-screenshots #one{grid-column:4/9}@media (max-width:868px){.two-screenshots #one{grid-column:4/13}}@media (max-width:568px){.two-screenshots #one{grid-column:4/23}}.two-screenshots #two{grid-column:11/16}@media (max-width:868px){.two-screenshots #two{grid-column:14/23}}@media (max-width:568px){.two-screenshots #two{grid-column:4/23;margin-top:2em}}.two-screenshots #three{grid-column:18/23}@media (max-width:868px){.two-screenshots #three{grid-column:9/18;margin-top:2em}}@media (max-width:568px){.two-screenshots #three{grid-column:4/23;margin-top:2em}}.info{flex-direction:column;gap:2em;max-width:600px;margin:6em 0;display:flex}.info h2{font-size:var(--font-h2-display);color:var(--brand-light)}.next-app{transition:all .25s var(--transition-ease);border-radius:150px;margin:5em 0;padding:2em 5em}@media (max-width:768px){.next-app{padding:2em 3em}}.next-app .app-name{font-size:var(--font-h2);color:#fff;text-align:center;transition:all .25s var(--transition-ease);font-weight:700}.next-app .next-app-info{color:#fff;text-align:center;transition:all .25s var(--transition-ease);opacity:0;margin-top:-3vw;font-weight:600}.next-app:hover{border:2px solid #ffffff4d}.next-app:hover p{opacity:1;transform:translateY(-.1em)}.app-links{color:var(--brand-light);justify-content:center;align-items:center;gap:1em;display:flex}.app-links a{color:#fff;font-weight:600;text-decoration:none}.app-links a:hover{color:var(--brand-light);text-decoration:underline}footer{background-color:var(--bg-gradient-bottom);grid-template-columns:repeat(25,1fr);width:100%;margin:0 auto;padding-bottom:max(64px,5.22449vw + 64.4082px);display:grid}footer a:hover{color:var(--brand-light)}footer .footer-info{grid-column:5/15}footer .footer-info div{align-items:center;gap:.7em;display:flex}footer .footer-info div .dot{background-color:var(--brand-light);opacity:.5;border-radius:50%;width:6px;height:6px}@media (max-width:768px){footer .footer-info{grid-column:4/23}}footer .socials{grid-column:17/20}@media (max-width:768px){footer .socials{grid-column:4/12}}footer .contacts{grid-column:20/23}@media (max-width:768px){footer .contacts{grid-column:14/25}}footer .secondary-navbar{flex-flow:wrap;margin-top:1em;list-style-type:none;display:flex}footer .secondary-navbar li{padding-right:1em}footer .side{list-style-type:none}footer .side li{padding:calc(1rem - 6px) 0}footer .side li:first-child{color:var(--brand-light);font-weight:600}@media (max-width:768px){footer .side{margin-top:3em}}.spotify{background-color:#ffffff10;border-radius:40px;justify-content:start;align-items:center;height:80px;margin-bottom:2em;padding:1.5em;display:flex;gap:1.3em!important}.spotify svg{fill:var(--brand-light);opacity:.7}.spotify .track-list{flex-direction:column;align-items:start;display:flex}.spotify .track-list p{color:var(--brand-light);line-height:.8em}.spotify .track-list .artist{opacity:.7;font-size:1em}.spotify .track-list .track{font-weight:700}.app-icon{z-index:10;border-radius:16px;width:70px;height:70px}.icon-large{width:40px;height:40px}.icon-small{width:25px;height:25px}.capsule-btn{color:#fff;cursor:pointer;border:2px solid #fff;border-radius:500px;padding:10px 20px;transition:all .2s ease-out}.capsule-btn:hover{color:#000;background-color:#fff}.vertical-center{flex-direction:column;justify-content:center;align-items:center;display:flex}.horizontal-center,.horizontal-center-adapt{justify-content:center;align-items:center;display:flex}@media (max-width:768px){.horizontal-center-adapt{flex-direction:column}}.spanned{justify-content:space-between;width:100%}.mv-5{margin:5em 0}.mb-2{margin-bottom:2em}