:root{--white:#fafafa;--light-gray:#f5f5f5;--medium-gray:#a1a1a1;--dark-gray:#222;--black:#111;--deep-black:#000;--purple:#620bad;--dark-blue:#040011;--secondary:#ff0052;--secondary-dark:#d60059;--text-color:var(--dark-gray);--body-color:var(--white);--link-default:var(--secondary);--link-hover:var(--secondary-dark);--card-color:var(--white)}@media(prefers-color-scheme:dark){:root{--text-color:var(--white);--body-color:var(--deep-black);--card-color:var(--dark-gray)}}*,:after,:before{box-sizing:border-box;margin:0}img{display:block;width:100%}html{scroll-behavior:smooth}body{animation:appear .6s}@keyframes appear{0%{opacity:0}to{opacity:1}}section{min-height:100vh;padding:8rem 1.5rem}.container{margin-left:auto;margin-right:auto;max-width:950px;position:relative;width:100%}.full-width{margin-left:-1.5rem;margin-right:-1.5rem;position:relative}.d-flex{display:flex}.flex-wrap{flex-wrap:wrap}.flex-row{flex-direction:row}.flex-column{flex-direction:column}.align-start{align-items:flex-start}.align-center{align-items:center}.align-end{align-items:flex-end}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.flex-grow{flex-grow:1}.row-50{display:grid;grid-gap:4rem}@media screen and (min-width:768px){.row-50{grid-template-columns:1fr 1fr}}.row-60{display:grid;grid-gap:4rem}@media screen and (min-width:768px){.row-60{grid-template-columns:4fr 2fr}}.p-1{padding:1rem}.p-2{padding:1.5rem}.p-3{padding:2rem}.px-1{padding-left:1rem;padding-right:1rem}.px-2{padding-left:1.5rem;padding-right:1.5rem}.px-3{padding-left:2rem;padding-right:2rem}.py-1{padding-bottom:1rem;padding-top:1rem}.py-2{padding-bottom:1.5rem;padding-top:1.5rem}.py-3{padding-bottom:2rem;padding-top:2rem}@media screen and (max-width:768px){.p-sm-1{padding:1rem}.p-sm-2{padding:1.5rem}.p-sm-3{padding:2rem}}.m-0{margin:0}.m-1{margin:1rem}.m-2{margin:1.5rem}.m-3{margin:2rem}.mt-1{margin-top:1rem}.mt-2{margin-top:1.5rem}.mt-3{margin-top:2rem}.mt-4{margin-top:4rem}.mt-5{margin-top:6rem}.mr-1{margin-right:1rem}.mr-2{margin-right:1.5rem}.mr-3{margin-right:2rem}.mb-1{margin-bottom:1rem}.mb-2{margin-bottom:1.5rem}.mb-3{margin-bottom:2rem}.mb-4{margin-bottom:4rem}.mb-5{margin-bottom:6rem}.ml-1{margin-left:1rem}.ml-2{margin-left:1.5rem}.ml-3{margin-left:2rem}.mx-1{margin-left:1rem;margin-right:1rem}.mx-2{margin-left:1.5rem;margin-right:1.5rem}.mx-3{margin-left:2rem;margin-right:2rem}.my-1{margin-bottom:1rem;margin-top:1rem}.my-2{margin-bottom:1.5rem;margin-top:1.5rem}.my-3{margin-bottom:2rem;margin-top:2rem}.my-4{margin-bottom:4rem;margin-top:4rem}.my-5{margin-bottom:6rem;margin-top:6rem}.vh-80{min-height:80vh}.vh-100{min-height:100vh}body,html{background-color:var(--body-color)}body{min-height:100vh}.shadow{box-shadow:0 5px 14px 1px #0000001a,0 8px 16px 6px #0000000d}.border-radius{border-radius:1rem}::-moz-selection{background:var(--secondary-dark);color:var(--white)}::selection{background:var(--secondary-dark);color:var(--white)}body{font-family:IBM Plex Sans,Helvetica,Arial,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-color);-webkit-hyphens:auto;hyphens:auto;word-break:break-word}.font-huge,h1,h2,h3{font-family:Montserrat,Helvetica,Arial,sans-serif;font-weight:900;margin-bottom:1.2rem}.font-huge,h1{font-size:2.3rem}h2{font-size:1.5rem}h3{font-size:1rem}p,ul li{font-size:1.3rem;line-height:1.8rem;margin-bottom:1.2rem}p:last-child,ul li:last-child{margin-bottom:0}ul{list-style-type:none;padding-left:0}ul li{padding-left:1.5rem;position:relative}ul li:before{background:var(--secondary);border-radius:100%;box-shadow:0 3px 15px rgba(var(--secondary),.3);content:"";height:.6rem;left:0;position:absolute;top:.6rem;width:.6rem}.font-huge{-webkit-hyphens:none;hyphens:none;line-height:2.8rem}@media screen and (min-width:768px){.font-huge,h1,h2,h3{margin-bottom:2rem}.font-huge,h1{font-size:3rem}h2{font-size:2rem}h3{font-size:1.5rem}p{font-size:1.3rem;line-height:2.4rem;margin-bottom:2.2rem}.font-huge{line-height:3.2rem}}a{color:var(--link-default);cursor:pointer;display:inline-block;font-weight:600;position:relative;text-decoration:none;text-shadow:0 3px 15px rgba(var(--link-hover),.3);transition:color .1s;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}a:hover{color:var(--link-hover)}@media screen and (min-width:768px){a:after{bottom:0;content:"";height:2px;left:0;position:absolute;transition:all .08s ease-in-out;width:100%}a:hover:after{background:var(--link-hover);transform:translateY(-3px)}a.font-huge:after{height:4px;transform:translateY(5px)}a.font-huge:hover:after{transform:translateY(2px)}}a.animation{animation:anchor-effect .7s forwards;transform:translateY(-5px)}@keyframes anchor-effect{0%{transform:translateY(-5px)}to{transform:translateY(0)}}.list-unstyled{list-style:none;padding-left:0}.font-bold{font-weight:900}.font-featured{color:var(--body-color);-webkit-text-stroke-color:var(--text-color);-webkit-text-stroke-width:3px;paint-order:stroke fill}.font-featured--secondary{-webkit-text-stroke-color:var(--secondary)}.font-secondary{color:var(--secondary)}.font-gray{color:var(--medium-gray)}.text-center{text-align:center}.devices-container{align-items:center;display:flex;flex-direction:column;position:relative}@media screen and (min-width:768px){.devices-container{align-items:flex-end;flex-direction:row}}.device{align-items:center;background:var(--card-color);border-radius:.8rem;box-shadow:0 5px 14px 1px #0000001a,0 8px 16px 6px #0000000d;display:flex;overflow:hidden;padding:.4rem;position:relative}.device.mobile{transform:translateY(-10%);width:50%}.device.desktop{width:100%}.device.mobile .device__screen{padding-top:216.4251207729%}.device.desktop .device__screen{padding-top:74.9633967789%}@media screen and (min-width:768px){.device{border-radius:2rem;padding:1rem}.device.mobile{position:absolute;right:0;transform:none;width:28%}.device.desktop{width:85%}}.device__screen{background:#0000001a;border-radius:.5rem;height:0;-webkit-mask-image:-webkit-radial-gradient(#fff,#000);overflow:hidden;position:relative;width:100%}.device__screen img{position:absolute;top:0;width:100%}@media screen and (min-width:768px){.device__screen{border-radius:1.2rem}}.device__screen__overlay{bottom:0;left:0;position:absolute;width:100%}.device.scroll .device__screen{overflow-y:scroll}.device.scroll.animation img{transform:translateY(-5rem)}.device.scroll.animation.play img{animation:scroll-animation 1s forwards}.device.scroll.animation+.device.animation img{animation-delay:.2s}@keyframes scroll-animation{0%{transform:translateY(-5rem)}to{transform:translateY(0)}}.main-header{height:0;left:0;padding:1.5rem;position:fixed;top:0;width:100%;z-index:1}.main-header .main-logo,.main-header .main-logo-border{width:6rem}.main-nav{position:relative}.button{background:var(--body-color);border:2px solid var(--text-color);cursor:pointer;font-family:Montserrat,Helvetica,Arial,sans-serif;font-size:1.8rem;font-weight:400;-webkit-hyphens:none;hyphens:none;padding:.4rem 1rem;word-break:keep-all}.button,.button:hover{color:var(--text-color);transition:background .15s ease}.button:hover{background:var(--secondary)}.button:after{content:none}.burger-menu{align-items:flex-end;display:flex;flex-direction:column-reverse;position:absolute;right:0;transform:translateY(-1.5rem)}.burger-menu label{display:flex;height:4.5rem;justify-content:flex-end;padding:1.5rem;transform:translate(1.5rem);transition:.2s ease;width:5rem;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.burger-menu input{display:none}.burger-menu--icon{margin-bottom:1rem;width:2rem}.burger-menu--icon span{background:var(--secondary);display:block;height:3px;margin-bottom:.3rem;transition:.2s ease;width:100%}.burger-menu--content{align-items:flex-end;display:flex;flex-direction:column;height:0;opacity:0;overflow:hidden;transition:.25s ease}.burger-menu--content a.button{margin-bottom:-2px;text-shadow:none}input:checked+.burger-menu--content{height:100vh;opacity:1}.burger-menu--content+label .burger-menu--icon{transition:.2s ease}.burger-menu input:checked+.burger-menu--content+label .burger-menu--icon{transform:translateY(.4rem)}.burger-menu input:checked+.burger-menu--content+label .burger-menu--icon span{transition:.2s ease}.burger-menu input:checked+.burger-menu--content+label .burger-menu--icon span:first-child{transform:rotate(-45deg) translate(-12%,50%);transition:.2s ease}.burger-menu input:checked+.burger-menu--content+label .burger-menu--icon span:nth-child(2){transform:rotate(45deg) translate(-12%,-50%);transition:.2s ease}.burger-menu input:checked+.burger-menu--content+label .burger-menu--icon span:nth-child(3){opacity:0;transition:.2s ease}@media screen and (max-width:768px){.isometric-banner img{margin-bottom:-5rem;transform:translate(-1.5rem)}.isometric-banner .container div{padding:1.5rem}}@media screen and (min-width:1023px){.isometric-banner img{margin-bottom:-25rem;max-width:60vw;width:auto}.isometric-banner .container div{flex-basis:60%}}.colors-banner{background-color:var(--light-gray);background-position:100% 0;background-repeat:no-repeat;background-size:100%}@media screen and (max-width:768px){.colors-banner{align-items:flex-end;padding:65% 0 2rem}.colors-banner .container div{padding:1.5rem}}@media screen and (min-width:1023px){.colors-banner{background-size:50%;padding:5rem 0 6rem}.colors-banner .container div{flex-basis:45%}}@media(prefers-color-scheme:dark){.colors-banner{background-color:var(--black)}}.gray-banner{background-color:var(--light-gray)}@media(prefers-color-scheme:dark){.gray-banner{background-color:var(--black)}}.desktop-nav-banner{align-items:center;display:flex;flex-direction:column;overflow:hidden}.desktop-nav-banner img{max-width:1400px;width:auto}@media screen and (max-width:768px){.desktop-nav-banner img{max-width:1000px}}.icon-links{align-items:flex-start;display:flex;flex-direction:column}.icon-links a{align-items:center;display:flex;font-size:1.3rem;margin:.5rem 0}.icon-links a:after{content:none}.icon-links svg{border-radius:10%;margin-right:.8rem;width:3rem}.profile-picture{border-radius:2rem;-webkit-mask-image:-webkit-radial-gradient(#fff,#000);overflow:hidden;position:relative}.profile-picture__img{background-color:#ddd;background-position-x:50%;background-size:cover;border-radius:2rem;height:80vh}.profile-picture__bg{clip-path:url(#profile-clip);height:80vh;left:50%;overflow:hidden;position:absolute;top:0;transform:translate(-50%);width:64vh}.profile-picture__bg-effect{background-repeat:repeat;background-size:4.5rem;height:calc(100% + 9rem);overflow:hidden;transform:translate(-4.5rem,-4.5rem);width:calc(100% + 9rem)}.profile-picture__bg-effect.play{animation:bg-motion 6s linear infinite}@keyframes bg-motion{0%{transform:translate(-4.5rem,-4.5rem)}to{transform:translateY(-9rem)}}.project-tags{margin:-.2rem -.2rem 1rem;transform:translateY(-.5rem);-webkit-user-select:none;-moz-user-select:none;user-select:none}@media screen and (min-width:768px){.project-tags{transform:translateY(-1rem)}}.project-tags span{border:1px solid var(--text-color);display:inline-block;margin:.2rem;padding:.3rem .5rem}