*,:after,:before{border:0 solid;border-color:inherit;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:none!important}a,abbr,acronym,address,applet,article,aside,audio,body,canvas,caption,center,dd,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,ruby,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}ol,ul{list-style:none}a{text-decoration:none}html{font-size:16px}body{position:relative;font-family:Inter;font-size:1rem;line-height:1.5;min-height:100vh}:root{--app-scale:1;--app-mouse-x:0;--app-mouse-y:0}@-webkit-keyframes debounceUpAndDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}33%{-webkit-transform:translateY(15px);transform:translateY(15px)}66%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-moz-keyframes debounceUpAndDown{0%{-moz-transform:translateY(0);transform:translateY(0)}33%{-moz-transform:translateY(15px);transform:translateY(15px)}66%{-moz-transform:translateY(-15px);transform:translateY(-15px)}to{-moz-transform:translateY(0);transform:translateY(0)}}@keyframes debounceUpAndDown{0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}33%{-webkit-transform:translateY(15px);-moz-transform:translateY(15px);transform:translateY(15px)}66%{-webkit-transform:translateY(-15px);-moz-transform:translateY(-15px);transform:translateY(-15px)}to{-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes spinAround{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-moz-keyframes spinAround{0%{-moz-transform:rotate(0);transform:rotate(0)}to{-moz-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinAround{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn);transform:rotate(1turn)}}.container{max-width:1170px;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}.mouse:before{top:var(--app-mouse-moving-y);left:var(--app-mouse-moving-x);width:60px;height:60px;border-radius:50%;border:1px solid #fff;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;transition:all .2s linear}.mouse:after,.mouse:before{content:"";position:absolute;z-index:998;pointer-events:none;mix-blend-mode:difference}.mouse:after{top:-webkit-calc(var(--app-mouse-moving-y) + 25px);top:-moz-calc(var(--app-mouse-moving-y) + 25px);top:calc(var(--app-mouse-moving-y) + 25px);left:-webkit-calc(var(--app-mouse-moving-x) + 25px);left:-moz-calc(var(--app-mouse-moving-x) + 25px);left:calc(var(--app-mouse-moving-x) + 25px);width:10px;height:10px;border-radius:50%;background-color:#fff;-webkit-transition:top 50ms linear,left 50ms linear,-webkit-transform .3s ease;transition:top 50ms linear,left 50ms linear,-webkit-transform .3s ease;-moz-transition:top 50ms linear,left 50ms linear,transform .3s ease,-moz-transform .3s ease;transition:top 50ms linear,left 50ms linear,transform .3s ease;transition:top 50ms linear,left 50ms linear,transform .3s ease,-webkit-transform .3s ease,-moz-transform .3s ease}.mouse--target:before{-webkit-transform:scale(.1);-moz-transform:scale(.1);transform:scale(.1)}.mouse--target:after{-webkit-transform:scale(10);-moz-transform:scale(10);transform:scale(10)}.color-primary{color:#ea2}.appbar__bars:hover span,.bg-primary,.loading{background-color:#ea2}.color-white{color:#fff}.app-layout,.appbar.appbar__open .appbar__bars span,.bg-white{background-color:#fff}.color-light{color:#f5f5f5}.bg-light{background-color:#f5f5f5}.app-layout,.color-dark{color:#1a1a1a}.appbar__bars span,.appbar__content:before,.bg-dark,.pathline:before,.pathline__item:before,body.dark .sp-work__list__item:after{background-color:#1a1a1a}body.dark .color-primary{color:#ea2}body.dark .color-light,body.dark .color-white{color:#1a1a1a}body.dark .app-layout,body.dark .color-dark{color:#f5f5f5}.appbar__bars:hover body.dark span,body.dark .appbar__bars:hover span,body.dark .bg-primary,body.dark .loading{background-color:#ea2}.appbar.appbar__open .appbar__bars body.dark span,body.dark .app-layout,body.dark .appbar.appbar__open .appbar__bars span,body.dark .bg-light,body.dark .bg-white{background-color:#1a1a1a}.appbar__bars body.dark span,body.dark .appbar__bars span,body.dark .appbar__content:before,body.dark .bg-dark,body.dark .pathline:before,body.dark .pathline__item:before,body.dark .sp-work__list__item:after{background-color:#f5f5f5}.noise:before{content:"";top:0;height:100%;z-index:999;opacity:.03;background:url(/_next/static/media/noise.93fe26ae97a4df3d4e67a994294e09de.gif);pointer-events:none}.loading,.noise:before{position:absolute;left:0;width:100%}.loading{height:0;-webkit-transition:all .45s ease;-moz-transition:all .45s ease;transition:all .45s ease}.loading__bottom{bottom:0;height:100%}.loading__top{top:0;height:0}.dark{background:#1a1a1a}.appbar{padding:2.125rem 2.375rem;display:-moz-box;display:flex;-moz-box-align:center;align-items:center;-moz-box-pack:end;justify-content:flex-end}.appbar__bars{z-index:990}.appbar__bars span{display:block;width:30px;height:3px;margin-bottom:1rem;-webkit-transition:all .6s ease-out;-moz-transition:all .6s ease-out;transition:all .6s ease-out}.appbar__bars span:first-child{-webkit-transform:translateY(15px);-moz-transform:translateY(15px);transform:translateY(15px)}.appbar__bars span:nth-child(2){-webkit-transform:translateY(-15px);-moz-transform:translateY(-15px);transform:translateY(-15px)}.appbar__bars span:last-child{margin-bottom:0}.appbar__bars:hover span:first-child,.appbar__bars:hover span:nth-child(2){-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}.appbar__content{z-index:10;position:fixed;top:0;left:0;visibility:hidden;width:100%;height:100vh;overflow:hidden;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;transition:all .5s ease-out}.appbar__content:before{content:"";position:fixed;width:100%;height:0;bottom:0;left:0;z-index:-1;-webkit-transition:all .85s ease;-moz-transition:all .85s ease;transition:all .85s ease}.appbar__content .appbar__items{color:#f5f5f5;opacity:0;visibility:hidden;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;margin-top:var(--app-header-height);margin-bottom:50px;display:-moz-box;display:flex;-moz-box-align:center;align-items:center;-moz-box-pack:space-evenly;justify-content:space-evenly}.appbar__content .appbar__items .appbar__item{cursor:pointer;padding:2rem 4rem;font-size:4.25rem;font-weight:700;opacity:0;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);transform:translateY(100%)}.appbar__content .appbar__items .appbar__item:hover{color:#ea2;-webkit-transform:translateY(15px);-moz-transform:translateY(15px);transform:translateY(15px)}.appbar__content .appbar__picture{height:-webkit-calc(100vh - var(--app-header-items-height) - 50px);height:-moz-calc(100vh - var(--app-header-items-height) - 50px);height:calc(100vh - var(--app-header-items-height) - 50px);background:url(https://images.unsplash.com/photo-1627920355579-d9d91533216a?auto=format&fit=crop&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&q=80&w=1952);background-position:50%;-webkit-filter:grayscale(100%);filter:grayscale(100%);-webkit-transform:translateY(100%);-moz-transform:translateY(100%);transform:translateY(100%);-webkit-transition:-webkit-transform .6s ease-out;transition:-webkit-transform .6s ease-out;-moz-transition:transform .6s ease-out,-moz-transform .6s ease-out;transition:transform .6s ease-out;transition:transform .6s ease-out,-webkit-transform .6s ease-out,-moz-transform .6s ease-out}.appbar.appbar__open .appbar__bars{z-index:300}.appbar.appbar__open .appbar__bars span:first-child{-webkit-transform:rotate(45deg) translateY(13.5px);-moz-transform:rotate(45deg) translateY(13.5px);transform:rotate(45deg) translateY(13.5px)}.appbar.appbar__open .appbar__bars span:nth-child(2){-webkit-transform:rotate(-45deg) translateY(-13.5px);-moz-transform:rotate(-45deg) translateY(-13.5px);transform:rotate(-45deg) translateY(-13.5px)}.appbar.appbar__open~.appbar__content{visibility:visible}.appbar.appbar__open~.appbar__content:before{height:100%}.appbar.appbar__open~.appbar__content .appbar__items{visibility:visible;opacity:1;-webkit-transition-delay:.85s;-moz-transition-delay:.85s;transition-delay:.85s}.appbar.appbar__open~.appbar__content .appbar__items .appbar__item{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}.appbar.appbar__open~.appbar__content .appbar__items .appbar__item:first-child{-webkit-transition:all 1.2s ease;-moz-transition:all 1.2s ease;transition:all 1.2s ease}.appbar.appbar__open~.appbar__content .appbar__items .appbar__item:nth-child(2){-webkit-transition:all 1.4s ease;-moz-transition:all 1.4s ease;transition:all 1.4s ease}.appbar.appbar__open~.appbar__content .appbar__items .appbar__item:nth-child(3){-webkit-transition:all 1.6s ease;-moz-transition:all 1.6s ease;transition:all 1.6s ease}.appbar.appbar__open~.appbar__content .appbar__items .appbar__item:nth-child(4){-webkit-transition:all 1.8s ease;-moz-transition:all 1.8s ease;transition:all 1.8s ease}.appbar.appbar__open~.appbar__content .appbar__picture{-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:.25s;-moz-transition-delay:.25s;transition-delay:.25s}.text-big-text{font-size:7.5rem;font-weight:700}.text-big-text.cormorant-upright{font-family:Cormorant Upright}.text-big-text.inter{font-family:Inter}.text-big-text.text-capitalize{text-transform:capitalize}.text-big-text.text-uppercase{text-transform:uppercase}.text-big-text.text-lowercase{text-transform:lowercase}.text-big-text.weight-normal{font-weight:400}.text-big-text.weight-bold{font-weight:700}.text-big-text.weight-light{font-weight:lighter}.text-h1{font-size:6rem;font-weight:700}.text-h1.cormorant-upright{font-family:Cormorant Upright}.text-h1.inter{font-family:Inter}.text-h1.text-capitalize{text-transform:capitalize}.text-h1.text-uppercase{text-transform:uppercase}.text-h1.text-lowercase{text-transform:lowercase}.text-h1.weight-normal{font-weight:400}.text-h1.weight-bold{font-weight:700}.text-h1.weight-light{font-weight:lighter}.text-h2{font-size:3.75rem;font-weight:700}.text-h2.cormorant-upright{font-family:Cormorant Upright}.text-h2.inter{font-family:Inter}.text-h2.text-capitalize{text-transform:capitalize}.text-h2.text-uppercase{text-transform:uppercase}.text-h2.text-lowercase{text-transform:lowercase}.text-h2.weight-normal{font-weight:400}.text-h2.weight-bold{font-weight:700}.text-h2.weight-light{font-weight:lighter}.text-h3{font-size:3rem;font-weight:700}.text-h3.cormorant-upright{font-family:Cormorant Upright}.text-h3.inter{font-family:Inter}.text-h3.text-capitalize{text-transform:capitalize}.text-h3.text-uppercase{text-transform:uppercase}.text-h3.text-lowercase{text-transform:lowercase}.text-h3.weight-normal{font-weight:400}.text-h3.weight-bold{font-weight:700}.text-h3.weight-light{font-weight:lighter}.text-h4{font-size:2.125rem;font-weight:700}.text-h4.cormorant-upright{font-family:Cormorant Upright}.text-h4.inter{font-family:Inter}.text-h4.text-capitalize{text-transform:capitalize}.text-h4.text-uppercase{text-transform:uppercase}.text-h4.text-lowercase{text-transform:lowercase}.text-h4.weight-normal{font-weight:400}.text-h4.weight-bold{font-weight:700}.text-h4.weight-light{font-weight:lighter}.text-h5{font-size:1.5rem;font-weight:700}.text-h5.cormorant-upright{font-family:Cormorant Upright}.text-h5.inter{font-family:Inter}.text-h5.text-capitalize{text-transform:capitalize}.text-h5.text-uppercase{text-transform:uppercase}.text-h5.text-lowercase{text-transform:lowercase}.text-h5.weight-normal{font-weight:400}.text-h5.weight-bold{font-weight:700}.text-h5.weight-light{font-weight:lighter}.text-h6{font-size:1.25rem;font-weight:700}.text-h6.cormorant-upright{font-family:Cormorant Upright}.text-h6.inter{font-family:Inter}.text-h6.text-capitalize{text-transform:capitalize}.text-h6.text-uppercase{text-transform:uppercase}.text-h6.text-lowercase{text-transform:lowercase}.text-h6.weight-normal{font-weight:400}.text-h6.weight-bold{font-weight:700}.text-h6.weight-light{font-weight:lighter}.text-normal{font-size:1rem;font-weight:400}.text-normal.cormorant-upright{font-family:Cormorant Upright}.text-normal.inter{font-family:Inter}.text-normal.text-capitalize{text-transform:capitalize}.text-normal.text-uppercase{text-transform:uppercase}.text-normal.text-lowercase{text-transform:lowercase}.text-normal.weight-normal{font-weight:400}.text-normal.weight-bold{font-weight:700}.text-normal.weight-light{font-weight:lighter}.pathline{position:relative;min-height:150px}.pathline:before{content:"";position:absolute;top:0;height:0;width:1px;-webkit-animation:completedPathLine 3s ease forwards;-moz-animation:completedPathLine 3s ease forwards;animation:completedPathLine 3s ease forwards;-webkit-animation-delay:3s;-moz-animation-delay:3s;animation-delay:3s}.pathline__item{position:relative;padding:0 0 2rem 2rem}.pathline__item:before{content:"";width:12px;height:12px;border-radius:50%;position:absolute;top:0;left:-6px;-webkit-box-shadow:0 0 0 2px #f5f5f5,0 0 0 4px #1a1a1a;box-shadow:0 0 0 2px #f5f5f5,0 0 0 4px #1a1a1a}body.dark .pathline__item:before{-webkit-box-shadow:0 0 0 2px #1a1a1a,0 0 0 4px #fff;box-shadow:0 0 0 2px #1a1a1a,0 0 0 4px #fff}@-webkit-keyframes completedPathLine{0%{height:0}to{height:100%}}@-moz-keyframes completedPathLine{0%{height:0}to{height:100%}}@keyframes completedPathLine{0%{height:0}to{height:100%}}.home-screen .sp-space{max-width:100%;height:-webkit-calc(100vh - var(--app-header-height));height:-moz-calc(100vh - var(--app-header-height));height:calc(100vh - var(--app-header-height));position:relative;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;display:-moz-box;display:flex;-moz-box-align:center;align-items:center;-moz-box-pack:center;justify-content:center;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column}.home-screen .sp-space:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(/_next/static/media/sphere.90995be7ba2f9716d5271fd314a1a850.gif) no-repeat 50%;opacity:.3;mix-blend-mode:difference;z-index:-1;-webkit-transition:all 1s linear;-moz-transition:all 1s linear;transition:all 1s linear;-webkit-transform:translate(var(--app-mouse-x),var(--app-mouse-y)) scale(var(--app-scale));-moz-transform:translate(var(--app-mouse-x),var(--app-mouse-y)) scale(var(--app-scale));transform:translate(var(--app-mouse-x),var(--app-mouse-y)) scale(var(--app-scale))}.home-screen .sp-space__title{-webkit-transition:all .4s linear;-moz-transition:all .4s linear;transition:all .4s linear}.home-screen .sp-space__sub-title,.home-screen .sp-space__title{text-transform:uppercase;-webkit-transform:translate(var(--app-mouse-x),var(--app-mouse-y));-moz-transform:translate(var(--app-mouse-x),var(--app-mouse-y));transform:translate(var(--app-mouse-x),var(--app-mouse-y))}.home-screen .sp-space__sub-title{font-weight:400;-webkit-transition:all .6s linear;-moz-transition:all .6s linear;transition:all .6s linear}.home-screen .sp-space .sp-space__sphere{fill:#1a1a1a;font-family:Cormorant Upright;font-weight:700;-webkit-animation:spinAround 15s linear infinite;-moz-animation:spinAround 15s linear infinite;animation:spinAround 15s linear infinite}.about-screen .text-content{margin-bottom:1rem}.about-screen .about-me{margin-bottom:5rem;min-height:-webkit-calc(50vh - var(--app-header-height));min-height:-moz-calc(50vh - var(--app-header-height));min-height:calc(50vh - var(--app-header-height))}.about-screen .information{margin:2rem 0;min-height:50vh}.about-screen .skills{min-height:80vh}.sp-work{text-align:center;padding:5rem 0 10rem}.sp-work__list__item{display:inline-block;position:relative;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease}.sp-work__list__item:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1)}.sp-work__list h2.sp-work__list__item:hover~h3.sp-work__list__item{-webkit-transform:translateY(30px);-moz-transform:translateY(30px);transform:translateY(30px);background-color:#1a1a1a;color:#fff;padding:2px 10px}body.dark .sp-work__list__item:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:0;mix-blend-mode:difference;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;transition:all .6s ease}body.dark .sp-work__list__item:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1)}body.dark .sp-work__list__item:hover:after{height:50%}.project-screen{text-align:center;padding-bottom:10rem}.project-screen__information{margin-bottom:5rem}html.has-scroll-smooth{overflow:hidden}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%;-webkit-transform-origin:center right;-moz-transform-origin:center right;transform-origin:center right;-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;-moz-transition:transform .3s,opacity .3s,-moz-transform .3s;transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s,-webkit-transform .3s,-moz-transform .3s;opacity:0}.c-scrollbar:hover{-webkit-transform:scaleX(1.45);-moz-transform:scaleX(1.45);transform:scaleX(1.45)}.c-scrollbar:hover,.has-scroll-dragging .c-scrollbar,.has-scroll-scrolling .c-scrollbar{opacity:1}[data-scroll-direction=horizontal] .c-scrollbar{width:100%;height:10px;top:auto;bottom:0;-webkit-transform:scaleY(1);-moz-transform:scaleY(1);transform:scaleY(1)}[data-scroll-direction=horizontal] .c-scrollbar:hover{-webkit-transform:scaleY(1.3);-moz-transform:scaleY(1.3);transform:scaleY(1.3)}.c-scrollbar_thumb{position:absolute;top:0;right:0;background-color:#000;opacity:.5;width:7px;border-radius:10px;margin:2px;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.has-scroll-dragging .c-scrollbar_thumb{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}[data-scroll-direction=horizontal] .c-scrollbar_thumb{right:auto;bottom:0}