@import"https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;700&family=Lato&family=Anton&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,main,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}*[hidden]{display:none}body{line-height:1}menu,ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--navy: #0f1a33ff;--navy-deep: #0a1226ff;--gold: #e8a33dff;--orange: #F25929;--sky: #6cb2d9ff;--slate: #b3b8c2;--ice: #eef2f8ff;--cream: #F8E6A0;--color-primary: var(--gold);--color-secondary: var(--sky);--color-ternary: var(--navy-deep);--color-accent: var(--slate);--color-light: var(--ice);--color-background: var(--navy-deep);--color-text: var(--cream)}:root{--space-base: 4px;--space-1x: var(--space-base);--space-2x: calc(var(--space-base) * 2);--space-3x: calc(var(--space-base) * 3);--space-4x: calc(var(--space-base) * 4);--space-8x: calc(var(--space-base) * 8);--space-12x: calc(var(--space-base) * 12);--space-16x: calc(var(--space-base) * 16);--space-32x: calc(var(--space-base) * 32);--space-48x: calc(var(--space-base) * 48);--space-64x: calc(var(--space-base) * 64);--max-width: 900px}html{font-size:var(--font-size-base)}body{margin:0;font-family:var(--font-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-background)}body::-webkit-scrollbar{display:none}.Portfolio{position:relative;isolation:isolate}.Portfolio__background{opacity:.3}.Homepage{position:relative;display:grid;grid-gap:var(--space-4x);width:var(--max-width);grid-template-columns:.9fr 1.1fr;margin:auto}@media(max-width:46.24em){.Homepage{grid-template-columns:1fr;width:100%}}.Homepage__main-content{margin-bottom:20vh}.About{padding:6em 0 3em}.About .Markdown{grid-gap:var(--space-4x)}.Heading{color:var(--color-ternary)}.Heading--light{color:var(--color-light)}.Heading--h1{margin-bottom:var(--space-2x);font-size:3rem;font-family:var(--font-display);letter-spacing:.01em}.Heading--h2{font-family:var(--font-seconday);font-size:1.5rem;margin-bottom:var(--space-2x)}.Heading--h3{font-family:var(--font-seconday);font-size:1.2rem}.Heading--h4{font-family:var(--font-seconday);font-size:1rem}.Link{text-decoration:none;color:var(--color-primary);font-size:1em;position:relative;display:inline-block;width:fit-content}.Link--hoverEffect:after{content:"";display:block;position:absolute;bottom:calc(-1 * var(--space-2x));width:100%;height:1px;background:var(--color-primary);transition:opacity .3s,transform .3s;opacity:0;transform:scaleX(0)}.Link--hoverEffect:hover:after{opacity:1;transform:scale(1)}.Image{max-width:100%}.Section{padding-left:var(--space-4x);padding-right:var(--space-4x)}.ApplicationSpinner{height:100vh;width:100vw;z-index:1}@keyframes ApplicationSpinnerAnimation{0%{transform:scaleY(1)}to{transform:scaleY(0)}}.Text{color:var(--color-ternary)}.Text--light{color:var(--color-light)}:root{--font-size-base: 18px;--font-primary: "Rubik", sans-serif;--font-seconday: "Lato", serif;--font-display: "Anton", sans-serif;color:var(--color-text)}h1{margin-bottom:var(--space-2x);font-size:3rem;font-family:var(--font-display);letter-spacing:.01em}h2{font-family:var(--font-seconday);font-size:1.5rem;margin-bottom:var(--space-2x)}h3{font-family:var(--font-seconday);font-size:1.2rem}h4{font-family:var(--font-seconday);font-size:1rem}.Markdown{color:var(--color-ternary)}.Markdown--light{color:var(--color-light)}.Markdown{display:grid;grid-gap:var(--space-4x)}.Markdown h1{margin-bottom:var(--space-2x);font-size:3rem;font-family:var(--font-display);letter-spacing:.01em}.Markdown h2{font-family:var(--font-seconday);font-size:1.5rem;margin-bottom:var(--space-2x)}.Markdown h3{font-family:var(--font-seconday);font-size:1.2rem}.Markdown h4{font-family:var(--font-seconday);font-size:1rem}.Markdown p{line-height:1.5;white-space:pre-wrap}.Markdown a{text-decoration:none;color:var(--color-primary);font-size:1em;position:relative;display:inline-block}.Markdown a:after{content:"";display:block;position:absolute;bottom:calc(-1 * var(--space-2x));width:100%;height:1px;background:var(--color-primary);transition:opacity .3s,transform .3s;opacity:0;transform:scaleX(0)}.Markdown a:hover:after{opacity:1;transform:scale(1)}.Markdown em{font-size:.7rem}.Markdown strong{font-weight:700}.Markdown img{width:100%}.Markdown__figure{width:70%;margin:auto}.Markdown__figure figcaption{font-size:.7rem}.Contacts{font-size:1.3rem}.DevBackground{position:absolute;top:0;left:0;width:100%;height:100vh;max-height:100vh;pointer-events:none;z-index:0;overflow:hidden}.DevBackground canvas{display:block;width:100%;height:100%}.Introduction{animation:opacityEffect;animation-fill-mode:both;animation-duration:var(--longAnimation);animation-delay:0}.Introduction__location{color:var(--color-accent);margin-top:var(--space-2x)}@media(max-width:46.24em){.Introduction{padding:var(--space-4x) 0 0}}.Navigation{display:flex;flex-direction:column;gap:var(--space-4x);margin-top:var(--space-12x)}.Navigation{animation:opacityEffect;animation-fill-mode:both;animation-duration:3s;animation-delay:0}@media(max-width:46.24em){.Navigation{display:none}}.NavigationItem{display:flex;align-items:center;gap:var(--space-4x);color:var(--color-accent);text-decoration:none}.NavigationItem__indicator{height:1px;width:var(--space-4x);background:currentColor;transition:width .2s ease,background .2s ease}.NavigationItem__label{font-size:.8rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;transition:color .2s ease}.NavigationItem:hover,.NavigationItem--active{color:var(--color-primary)}.NavigationItem:hover .NavigationItem__indicator,.NavigationItem--active .NavigationItem__indicator{width:var(--space-8x);background:var(--color-primary)}.ProjectsList{display:grid;grid-template-columns:1fr;padding-top:var(--space-2x);grid-gap:var(--space-16x) 0}.SectionTitle{opacity:0;transform:translateY(24px);transition:opacity var(--longAnimation) ease,transform var(--longAnimation) ease}.SectionTitle--visible{opacity:1;transform:translateY(0)}.ProjectsList__selected,.ProjectsList__others{display:grid;grid-template-columns:1fr;grid-gap:var(--space-16x) 0;margin-top:var(--space-8x)}.ProjectsListItem{opacity:0;transform:translateY(24px);transition:opacity var(--longAnimation) ease,transform var(--longAnimation) ease}.ProjectsListItem--visible{opacity:1;transform:translateY(0)}.ProjectsListItem{position:relative;display:grid;grid-template-columns:1fr;grid-gap:var(--space-2x) 0}.ProjectsListItem__technologies{margin-top:var(--space-1x)}.ProjectsListItem__title{font-family:var(--font-display)}.TechnologiesList{display:flex;flex-flow:wrap;gap:0 var(--space-4x)}.TechnologiesList__technology{font-size:.7rem;color:var(--color-primary);white-space:nowrap}.ScrollProgress{position:fixed;top:50%;right:2%;transform:translateY(-50%);width:6px;height:100px;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--color-light) 15%,transparent);z-index:2}@media(max-width:46.24em){.ScrollProgress{display:none}}.ScrollProgress__fill{width:100%;height:100%;background:var(--color-primary);transform:translateY(0)}.SocialLinks{display:flex;gap:var(--space-4x)}.SocialLinks__item{color:var(--color-accent);transition:color .2s ease}.SocialLinks__item:hover{color:var(--color-primary)}.SocialLinks__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.SiteHeader{box-sizing:border-box;position:sticky;top:0;height:100vh;min-height:0;display:flex;flex-direction:column;justify-content:space-between;padding:6em var(--space-4x) 3em}@keyframes opacityEffect{0%{opacity:0}to{opacity:1}}.SiteHeader{animation:opacityEffect;animation-fill-mode:both;animation-duration:3s;animation-delay:0}.SiteHeader__top{display:flex;flex-direction:column}@media(max-width:46.24em){.SiteHeader{position:static;height:auto}}:root{--shortAnimation: .3s;--longAnimation: .7s}.Technologies{display:flex;flex-direction:column;gap:var(--space-8x);padding-top:var(--space-8x)}.TechnologyCategory{opacity:0;transform:translateY(24px);transition:opacity var(--longAnimation) ease,transform var(--longAnimation) ease}.TechnologyCategory--visible{opacity:1;transform:translateY(0)}.TechnologyCategory__label.Heading{margin:0 0 var(--space-4x) 0}.TechnologyCategory__tags{display:flex;flex-wrap:wrap;gap:var(--space-2x)}.TechnologyCategory__tag{display:inline-block;color:var(--color-primary);border:1px solid color-mix(in srgb,var(--color-primary) 55%,transparent);border-radius:var(--space-1x);padding:var(--space-1x) var(--space-2x);font-size:.8rem;font-weight:600}