@import"https://api.fontshare.com/v2/css?f[]=satoshi@700,500,300,400&display=swap";html.has-scroll-smooth{backface-visibility:hidden;transform:translateZ(0)}[data-load-container]{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw}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:.4}.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:var(--scrollbar);opacity:.65;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}@media (max-width: 481px){.c-scrollbar_thumb{width:3px}}h1,h2,h3,h4{margin:0;padding:0;font-size:inherit;font-weight:400}:root{--charcoal: #212427;--black: #100f0f;--scrollbar: #20262e;--scroll-to-top-hover: #558d8e;--select: #537188;--darkgrey: #b2b1b9;--suvagrey: #8c8c8c;--battleshipgrey: #969696;--cyanblue: #3c4048;--whitesmoke: #f5f5f5;--color-array: #ff6969, #af6b58, #eeeded, #9db2bf, #f4e0b9, #558d8e, #64ad9a, #d9e1b0, #fee2ad, #f7a5a5, #9cafaa}*{margin:0;padding:0;box-sizing:border-box;font-family:Satoshi,sans-serif;-webkit-tap-highlight-color:transparent}html,body{position:fixed;width:100%;height:100%}main{background:var(--whitesmoke);color:var(--charcoal)}section{padding:1rem 2rem}::-moz-selection{background:var(--select);color:var(--whitesmoke)}::selection{background:var(--select);color:var(--whitesmoke)}.prevent-select{-webkit-user-select:none;-ms-user-select:none;user-select:none}.preloader{background-color:#fff;height:100dvh;width:100%;z-index:100000}.overflow{overflow:hidden}.preloader p{color:var(--charcoal);font-size:4.5vw;font-weight:500}.not-found{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;gap:1rem}.not-found h1{color:var(--suvagrey);font-size:2rem}.not-found a{text-decoration:none;font-weight:500;font-size:1.2rem;color:var(--whitesmoke);background-color:var(--charcoal);border:1px solid var(--charcoal);padding:.2rem .8rem;border-radius:8px;transition:.4s ease-in-out}.not-found a:hover{background-color:var(--cyanblue);border:1px solid var(--cyanblue)}@media (min-width: 2000px){section{padding:1vw 2vw}.not-found a{padding:.4vw 1.4vw;border-radius:.7vw}}@media (max-width: 960px){section{padding:1rem}}@media (max-width: 768px){.preloader p{font-size:5vw}}@media (max-width: 481px){section{padding:.2rem .6rem}.preloader p{margin-top:2rem;font-size:6vw;line-height:1.4em}.not-found h1{font-size:1.3rem}.not-found a{font-size:1rem}}.hero{height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.hero span{font-size:4.5vw;font-weight:500;width:80%;align-self:flex-start}.header{font-size:1.2rem;font-weight:500;margin-bottom:1rem;display:flex;width:100%;justify-content:space-between}.header a{text-decoration:none;color:var(--charcoal)}.play{font-size:1.2rem;display:flex;gap:.8rem}.play:hover{cursor:pointer}.triangle{width:1rem;height:1rem;align-self:center}@media (min-width: 2000px){.header{font-size:1.3vw}.play{display:flex;gap:.7vw}.play p{align-self:center;font-size:1.3vw}.triangle{width:1vw;height:1vw}}@media (max-width: 768px){.hero span{font-size:5vw;width:100%}.triangle{width:.8rem;height:.8rem;align-self:center}}@media (max-width: 481px){.hero span{margin-top:2rem;font-size:6vw;line-height:1.4em}.header{font-size:1rem;margin-bottom:3.2rem}.play{font-size:1rem}}.projects{margin:5vw 0;display:flex;flex-direction:column;gap:7vw}.view-projects-container{width:100%}.projects a{text-decoration:none;color:var(--whitesmoke);background-color:var(--charcoal);border:1px solid var(--charcoal);padding:.3rem 2rem;border-radius:100px;font-size:1.5rem;float:right;transition:.4s ease-in-out}.projects a:hover{background-color:var(--cyanblue);border:1px solid var(--cyanblue)}.project-wrapper{display:flex;flex-direction:column}.project-wrapper img{cursor:pointer;border-radius:12px;width:50%;margin-bottom:2rem;box-shadow:#0006 0 2px 4px,#0000004d 0 7px 13px -3px,#0003 0 -3px inset}.project-wrapper span{color:var(--charcoal);font-size:2.5vw;font-weight:500}.project-wrapper p{font-size:1.3vw;color:var(--battleshipgrey);width:100%}#tibo,#milkomeda,#superpayments,#dcspark{align-items:flex-end}#tibo p,#milkomeda p,#superpayments p,#dcspark p{text-align:right}#tibo,#honestsolutions{align-items:center}#tibo p,#honestsolutions p{text-align:center}@media (min-width: 2000px){.projects{gap:10vw}.projects a{font-size:2vw;padding:.7vw 2vw;border-radius:100px}.project-wrapper img{border-radius:.8vw}}@media (max-width: 1440px){.project-wrapper img{margin-bottom:1.5rem}.project-wrapper span{font-size:3.5rem}.project-wrapper p{font-size:1.2rem}}@media (max-width: 960px){.project-wrapper img{margin-bottom:1rem}.projects a{font-size:1.8rem;padding:.7rem 2.5rem}}@media (max-width: 768px){.projects{margin:3rem 0;gap:5rem}.project-wrapper span{font-size:3rem}.projects a{width:100%;padding:1rem;text-align:center}.project-wrapper p{font-size:1rem}.project-wrapper img{width:100%}#flint,#milkomeda,#superpayments,#hba,#honestsolutions,#faceit,#tibo,#dcspark,#beautypie,#dta{align-items:flex-start}#flint p,#milkomeda p,#superpayments p,#hba p,#honestsolutions p,#faceit p,#tibo p,#dcspark p,#beautypie p,#dta p{text-align:left}}@media (max-width: 481px){.projects{gap:2rem}.view-projects-container{padding-top:1rem}.projects a{font-size:1.4rem;padding:.6rem}.project-wrapper{gap:.5rem}.project-wrapper img{margin-bottom:0}.project-wrapper span{font-size:1.6rem}.project-wrapper p{font-size:14px}}.portfolio{display:flex;flex-direction:column;gap:7vw;padding:1rem 2rem 4rem 1rem}.portfolio-header{display:flex;flex-direction:row;justify-content:space-between}.portfolio-header a{font-size:1.2rem;text-decoration:none;padding:.3rem 2rem;border-radius:100px;align-self:center;color:var(--whitesmoke);background-color:var(--charcoal);border:1px solid var(--charcoal);transition:.4s ease-in-out}.portfolio-header a:hover{background-color:var(--cyanblue);border:1px solid var(--cyanblue)}.portfolio-title{display:flex;flex-direction:row;gap:.5rem}.portfolio-title h1,h2{font-size:3rem}.portfolio-title h1{color:var(--charcoal)}.portfolio-title h2{color:var(--battleshipgrey)}@media (min-width: 2000px){.portfolio{padding:1vw 2vw}.portfolio-header a{font-size:2vw;padding:.7vw 2.4vw;border-radius:100px}.portfolio-title h1,h2{font-size:3vw}}@media (max-width: 960px){.portfolio{padding:1rem}.portfolio-header{margin-bottom:4rem}}@media (max-width: 768px){.portfolio-title h1,h2{font-size:2rem;align-self:center}.portfolio-header a{font-size:1.2rem}.portfolio-title h1,h2{font-size:2rem}}@media (max-width: 481px){.portfolio{padding:1rem .6rem 4rem}.portfolio-header{margin-bottom:4rem}.portfolio-header a{font-size:1rem;padding:.2rem 1.4rem}.portfolio-title h1,h2{font-size:1.2rem;align-self:center}}.about{height:100dvh;background-color:var(--black);color:var(--whitesmoke);display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.about h1,.about p{align-self:flex-start;font-size:4vw;font-weight:500}.about h1{margin-top:3rem;color:var(--suvagrey)}.about p{margin-top:1rem;color:var(--whitesmoke)}.about span{font-size:2vw;display:flex;align-items:center;justify-content:center;align-self:flex-start;flex-grow:1;color:var(--suvagrey);width:70vw}@media (min-width: 2000px){.about h1,.about p{font-size:5vw}.about h1{margin-top:3vw}.about p{margin-top:1vw}}@media (max-width: 1440px){.about h1,.about p{font-size:4rem}.about h1{margin-top:2rem}}@media (max-width: 960px){.about span{width:100%;font-size:3vw}}@media (max-width: 768px){.about h1,.about p{font-size:3rem}.about h1{margin-top:1rem}.about span{font-size:1.5rem}}@media (max-width: 481px){.about h1,.about p{font-size:12vw}.about span{font-size:1.4rem}}@media only screen and (max-width: 960px) and (orientation: landscape){.about{height:auto}.about h1,.about p{font-size:3rem}.about span{font-size:1.3rem;margin:4rem 0;width:85vw}}.contact{height:100dvh;display:flex;flex-direction:column;justify-content:space-between}.contact-header{font-size:4vw;font-weight:500}.contact-header h1{color:var(--battleshipgrey);font-weight:500}.socials{display:flex;flex-direction:column;gap:4vw}.mail a{color:var(--charcoal);text-decoration:none;font-size:2.8vw}.contact ul{display:flex;gap:5rem;overflow:hidden;list-style:none}.contact-link{--h: 1.2em;font-size:1.5rem;line-height:var(--h);color:#0000;text-shadow:0 calc(-1 * var(--_t, 0em)) var(--battleshipgrey),0 calc(var(--h) - var(--_t, 0em)) var(--battleshipgrey);transition:.4s;text-decoration:none}.contact-link:hover{--_t: var(--h)}footer{display:flex;justify-content:space-between;font-size:11px;margin-bottom:1rem}.year{font-size:10px}@media (min-width: 2000px){footer{font-size:1vw}.year{font-size:.8vw}.contact-link{font-size:1.8vw}}@media (max-width: 960px){.contact-header{font-size:3.5rem}.socials{gap:4rem}.mail a{font-size:7vw}.contact-link{font-size:1.8rem}}@media (max-width: 481px){.contact-header{margin-top:1rem;font-size:10vw}.socials{gap:2rem}.mail a{font-size:1.5rem}.contact ul{gap:2rem}.contact-link{font-size:1.3rem}}@media only screen and (max-width: 960px) and (orientation: landscape){.contact{height:auto;gap:4rem}.contact-header{font-size:3rem}.socials{gap:2rem}.mail a{font-size:2.5rem}.contact-link{font-size:1.5rem}}.scroll-to-top{position:fixed;bottom:3rem;right:3rem;width:3rem;height:3rem;background-color:var(--charcoal);border:none;opacity:0;transition:opacity .4s ease-in-out;box-shadow:#00000029 0 1px 4px;border-radius:8px}.scroll-to-top svg{fill:var(--whitesmoke)}.arrow{width:2.5rem;height:2.5rem;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);display:inline-block;transition:.4s ease-in-out}.scroll-to-top:hover{background-color:var(--scroll-to-top-hover)}.scroll-to-top.is-visible{cursor:pointer;opacity:1;transition:.4s ease-in-out}@media (min-width: 2000px){.scroll-to-top{width:3vw;height:3vw;right:2vw;border-radius:.5vw}.arrow{width:2vw;height:2vw}}@media (max-width: 481px){.scroll-to-top{width:2.5rem;height:2.5rem;right:1.4rem;bottom:1rem}.arrow{width:2rem;height:2rem}}.backdrop{position:fixed;top:0;left:0;height:100%;width:100%;display:flex;align-items:center;justify-content:center;z-index:100}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:75%;z-index:200;display:flex;justify-content:center;align-items:center}.modal video{width:100%;height:100%;border-radius:10px;box-shadow:#0000003d 0 3px 8px}@media (min-width: 2000px){.modal{width:90%}.modal video{border-radius:.8vw}}@media (max-width: 1440px){.modal{width:95%}}@media only screen and (max-width: 960px) and (orientation: landscape){.modal{width:65%}}