@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;padding:0;margin:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body,html{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}a,figcaption,li,p,small{font-family:var(--body-font);font-weight:500;color:#fff}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)}li,p{font-size:var(--font-p);line-height:1.7em}small{font-size:var(--font-small)}a{color:inherit;text-decoration:none;font-size:var(--font-link)}@media(prefers-color-scheme:dark){html{color-scheme:dark}}.navbar{position:fixed;z-index:1000;top:0;right:100px;left:100px;padding:0 16px}@media(max-width:768px){.navbar{display:none}}.navbar .content{display:flex;justify-content:center;align-items:center;max-width:1600px;margin:30px auto 0;position:relative}.navbar .content ul{display:flex;gap:4px;list-style-type:none;margin:0;padding:4px;border-radius:10px;transition:all .2s linear;-webkit-backdrop-filter:blur(30px) brightness(.9);backdrop-filter:blur(30px) brightness(.9)}.nav-item{display:flex;align-items:center;justify-content:center;position:relative;border-radius:6px}.nav-item:last-child{background-color:hsla(0,0%,100%,.082)}.nav-item a{padding:4px 16px;color:#fff;border-radius:6px;font-size:.8em;font-weight:500;transition:all .25s ease-out;cursor:pointer}.nav-item a:hover{background-color:#fff;color:var(--bg-gradient-mid)}.container{max-width:var(--max-width);flex-direction:column;align-items:center;position:relative;padding:2rem;display:flex;height:-moz-fit-content;height:fit-content;background:var(--bg-gradient-bottom)}.container:before{content:"";position:absolute;top:-200px;left:0;right:0;height:380px;width:100%;background:radial-gradient(rgba(43,118,223,.439) 0,var(--bg-gradient-bottom) 70%)}@media(max-width:768px){.container{padding:1em}}.text-gradient{font-family:var(--title-font);font-size:var(--font-h1);font-weight:700;margin-bottom:-20px;background:linear-gradient(180deg,#b4b4b4 10%,rgba(9,24,51,0) 90%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media(max-width:768px){.text-gradient{margin-bottom:0}}.hero{z-index:2;height:max(100vh,550px)}@media(max-width:768px){.hero{height:-moz-fit-content;height:fit-content}}.services{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:auto;grid-gap:30px;gap:30px;width:90%;padding:30px 0}@media(max-width:768px){.services{grid-template-columns:1fr;width:100%}}.service{display:flex;align-items:center;justify-content:center;gap:.5em;flex-direction:column;padding:3em 1.7em;border:1px solid hsla(0,0%,100%,.145);border-radius:8px;transition:all .5s cubic-bezier(.2,.8,.3,1);cursor:pointer}.service:hover{background-color:hsla(0,0%,100%,.082);transform:scale(1.01) translateY(-3px)}.section{width:100%;margin-bottom:5em}.header{margin:5em 0 7em;gap:1em;max-width:600px}.header p{text-align:center}.header a{margin-top:20px}.works{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:370px;grid-gap:2rem;gap:2rem;width:100%}@media(max-width:768px){.works{gap:1rem;grid-template-columns:1fr;grid-auto-rows:300px}}.work{display:flex;justify-content:center;align-items:center;padding:6em 3em 3em;background-color:hsla(0,0%,100%,.125);border-radius:8px;position:relative;overflow:hidden;transition:all .5s cubic-bezier(.3,.8,.3,1);cursor:pointer}.work .bottom-right{opacity:0}.work:hover{transform:scale(1.01) translateY(-5px)}.work:hover .top-right{opacity:0}.work:hover .top-left p{transform:scale(1.8);font-weight:700;transition:all .5s cubic-bezier(.3,.8,.3,1)}.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{position:absolute;width:40%;height:35%;top:50%;left:50%;transform:translate(-50%,-50%);object-fit:contain}@media(max-width:768px){.work img{width:40%}}.top-left{position:absolute;top:3em;left:3em;transition:all .5s cubic-bezier(.3,.8,.3,1)}@media(max-width:768px){.top-left{top:2.5em;left:2.5em}}.top-right{position:absolute;top:3em;right:3em;transition:all .5s cubic-bezier(.3,.8,.3,1)}@media(max-width:768px){.top-right{top:2.5em;right:2.5em}}.bottom-left{position:absolute;bottom:3em;left:3em;transition:all .5s cubic-bezier(.3,.8,.3,1)}@media(max-width:768px){.bottom-left{bottom:2.5em;left:2.5em}}.bottom-right{position:absolute;bottom:3em;right:3em;transition:all .5s cubic-bezier(.3,.8,.3,1)}@media(max-width:768px){.bottom-right{bottom:2.5em;right:2.5em}}.work.braindump:before{background-color:var(--color-braindump)}.work.aware:before,.work.braindump:before{content:"";position:absolute;bottom:0;left:0;right:0;height:30px;transition:all .4s var(--transition-ease)}.work.aware:before{background-color:var(--color-aware)}.work.linkboard:before{background-color:var(--color-linkboard)}.work.linkboard:before,.work.pursoo:before{content:"";position:absolute;bottom:0;left:0;right:0;height:30px;transition:all .4s var(--transition-ease)}.work.pursoo:before{background-color:var(--color-pursoo)}.work.tribe:before{background-color:var(--color-tribe)}.work.hulda:before,.work.tribe:before{content:"";position:absolute;bottom:0;left:0;right:0;height:30px;transition:all .4s var(--transition-ease)}.work.hulda:before{background-color:var(--color-hulda)}.work.myab:before{background-color:var(--color-myab)}.work.dice:before,.work.myab:before{content:"";position:absolute;bottom:0;left:0;right:0;height:30px;transition:all .4s var(--transition-ease)}.work.dice:before{background-color:var(--color-dice)}.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{display:grid;grid-template-columns:repeat(25,1fr);align-items:center;max-width:var(--max-width);margin:0 auto;width:100%}.about .author{grid-column-start:3;grid-column-end:9}@media(max-width:768px){.about .author{grid-column-start:2;grid-column-end:25}}.about .author div{position:relative;overflow:hidden}.about .author div img{object-fit:cover;width:100%;height:500px;border-radius:400px 400px 0 0}@media(max-width:768px){.about .author div img{height:500px;border-radius:150px 150px 0 0}}.about .info{grid-column-start:11;grid-column-end:24;display:flex;flex-direction:column;gap:1em}@media(max-width:768px){.about .info{grid-column-start:2;grid-column-end: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{margin:5em 0;gap:2em;max-width:800px}.app-detail-header p{text-align:center}@media(max-width:768px){.app-detail-header{margin:5em 0 0}}.two-screenshots{display:grid;grid-template-columns:repeat(25,1fr);max-width:var(--max-width);width:100%;margin:0 auto}.two-screenshots .caption{display:flex;justify-content:center;align-items:start;margin-top:10px}.two-screenshots .caption:hover .arrow-up{transform:translateY(-5px) rotate(0deg)}.two-screenshots .caption .arrow-up{width:20px;height:20px;border-radius:10px;background:var(--brand-medium);margin-right:8px;position:relative;transition:all .2s ease-in-out}.two-screenshots .caption .arrow-up:before{content:"";position:absolute;top:9px;right:6px;transform:rotate(45deg);width:5px;height:2px;background:#fff}.two-screenshots .caption .arrow-up:after{content:"";position:absolute;top:9px;left:6px;transform:rotate(-45deg);width:5px;height:2px;background:#fff}.two-screenshots .caption figcaption{text-align:left;opacity:.8;font-weight:700;cursor:default;max-width:calc(100% - 30px)}.two-screenshots img{object-fit:contain;width:100%;border-radius:10px}.two-screenshots #one{grid-column-start:4;grid-column-end:9}@media(max-width:868px){.two-screenshots #one{grid-column-start:4;grid-column-end:13}}@media(max-width:568px){.two-screenshots #one{grid-column-start:4;grid-column-end:23}}.two-screenshots #two{grid-column-start:11;grid-column-end:16}@media(max-width:868px){.two-screenshots #two{grid-column-start:14;grid-column-end:23}}@media(max-width:568px){.two-screenshots #two{grid-column-start:4;grid-column-end:23;margin-top:2em}}.two-screenshots #three{grid-column-start:18;grid-column-end:23}@media(max-width:868px){.two-screenshots #three{grid-column-start:9;grid-column-end:18;margin-top:2em}}@media(max-width:568px){.two-screenshots #three{grid-column-start:4;grid-column-end:23;margin-top:2em}}.info{display:flex;flex-direction:column;gap:2em;max-width:600px;margin:6em 0}.info h2{font-size:var(--font-h2-display);color:var(--brand-light)}.next-app{border-radius:150px;transition:all .25s var(--transition-ease);padding:2em 5em;margin:5em 0}@media(max-width:768px){.next-app{padding:2em 3em}}.next-app .app-name{font-size:var(--font-h2);font-weight:700}.next-app .app-name,.next-app .next-app-info{color:#fff;text-align:center;transition:all .25s var(--transition-ease)}.next-app .next-app-info{font-weight:600;opacity:0;margin-top:-3vw}.next-app:hover{border:2px solid hsla(0,0%,100%,.3)}.next-app:hover p{transform:translateY(-.1em);opacity:1}.app-links{display:flex;align-items:center;justify-content:center;gap:1em;color:var(--brand-light)}.app-links a{color:#fff;font-weight:600;text-decoration:none}.app-links a:hover{color:var(--brand-light);text-decoration:underline}footer{display:grid;grid-template-columns:repeat(25,1fr);max-width:var(--max-width);width:100%;margin:0 auto;background-color:var(--bg-gradient-bottom);padding-bottom:max(64px,84px + 64*(100vw - 375px)/1225)}footer a:hover{color:var(--brand-light)}footer .footer-info{grid-column-start:5;grid-column-end:15}footer .footer-info div{display:flex;gap:.7em;align-items:center}footer .footer-info div .dot{height:6px;width:6px;border-radius:50%;background-color:var(--brand-light);opacity:.5}@media(max-width:768px){footer .footer-info{grid-column-start:4;grid-column-end:23}}footer .socials{grid-column-start:17;grid-column-end:20}@media(max-width:768px){footer .socials{grid-column-start:4;grid-column-end:12}}footer .contacts{grid-column-start:20;grid-column-end:23}@media(max-width:768px){footer .contacts{grid-column-start:14;grid-column-end:25}}footer .secondary-navbar{display:flex;flex-direction:row;flex-wrap:wrap;list-style-type:none;margin-top:1em}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{font-weight:600;color:var(--brand-light)}@media(max-width:768px){footer .side{margin-top:3em}}.spotify{display:flex;justify-content:start;align-items:center;background-color:hsla(0,0%,100%,.063);border-radius:40px;padding:1.5em;height:80px;gap:1.3em!important;margin-bottom:2em}.spotify svg{fill:var(--brand-light);opacity:.7}.spotify .track-list{display:flex;flex-direction:column;align-items:start}.spotify .track-list p{line-height:.8em;color:var(--brand-light)}.spotify .track-list .artist{font-size:1em;opacity:.7}.spotify .track-list .track{font-weight:700}.app-icon{width:70px;height:70px;border-radius:16px;z-index:10}.icon-large{width:40px;height:40px}.icon-small{width:25px;height:25px}.capsule-btn{color:#fff;border:2px solid #fff;border-radius:500px;padding:10px 20px;cursor:pointer;transition:all .2s ease-out}.capsule-btn:hover{background-color:#fff;color:#000}.vertical-center{flex-direction:column}.horizontal-center,.horizontal-center-adapt,.vertical-center{display:flex;align-items:center;justify-content:center}@media(max-width:768px){.horizontal-center-adapt{flex-direction:column}}.spanned{width:100%;justify-content:space-between}.mv-5{margin:5em 0}.mb-2{margin-bottom:2em}