body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--main-color:#fff;--main-color-trans:#fffc;--accent-color:#5de872;--accent-color-trans:#5de872cc;--contrast-color:#000;--contrast-color-trans:#000c;--h2-font:800 2rem "Montserrat",sans-serif;--h3-font:300 2rem "Montserrat",sans-serif}.App{--dark:#0c0014;--med-dark:#290025;--med:#3a015c;--med-light:#4f0147;--light:#ffd6fb;--dark-extra:#000429;--med-extra:#406e8e;--light-extra:#d4ede8;text-align:center}.App::-webkit-scrollbar{display:none}.App-header{align-items:center;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}@font-face{font-family:Casanova;src:url(/static/media/CasanovaScotia-Xm0K.0b6ed6d3317759198520.ttf)}@font-face{font-family:Gamilia;src:url(/static/media/GamiliaDemoRegular-d9DL7.c040b521ab9a4b59e9a2.ttf)}@font-face{font-family:Syne;src:url(/static/media/Syne-VariableFont_wght.738f6bde408f8ddf7106.ttf)}@font-face{font-family:Inter;src:url(/static/media/Inter-VariableFont_opsz,wght.e05c5f3d1fa6a3893d84.ttf)}@font-face{font-family:White Storm;src:url(/static/media/White%20Storm.dda54f83653c5c0b406c.otf)}@font-face{font-family:Montserrat;src:url(/static/media/Montserrat-VariableFont_wght.0ba081b76521874cf46c.ttf)}.BackgroundDark{background-color:var(--dark)}.BackgroundMedDark{background-color:var(--med-dark)}.BackgroundMed{background-color:var(--med)}.BackgroundMedLight{background-color:var(--med-light)}.BackgroundLight{background-color:var(--light)}.BackgroundDarkExtra{background-color:var(--dark-extra)}.BackgroundMedExtra{background-color:var(--med-extra)}.BackgroundLightExtra{background-color:var(--light-extra)}.ForegroundDark{color:var(--dark)}.ForegroundMedDark{color:var(--med-dark)}.ForegroundMed{color:var(--med)}.ForegroundMedLight{color:var(--med-light)}.ForegroundLight{color:var(--light)}.ForegroundDarkExtra{color:var(--dark-extra)}.ForegroundMedExtra{color:var(--med-extra)}.ForegroundLightExtra{color:var(--light-extra)}.HoverDark:hover{background-color:var(--dark)}.HoverMedDark:hover{background-color:var(--med-dark)}.HoverMed:hover{background-color:var(--med)}.HoverMedLight:hover{background-color:var(--med-light)}.HoverLight:hover{background-color:var(--light)}.HoverDarkExtra:hover{background-color:var(--dark-extra)}.HoverMedExtra:hover{background-color:var(--med-extra)}.HoverLightExtra:hover{background-color:var(--light-extra)}.Footer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#000;display:grid;grid-template-columns:2fr 1fr;height:150px}.contact-info{border-right:1px solid #fff;color:var(--main-color);margin:1.5rem 5rem;text-align:left}.contact-info h2{font:var(--h3-font);font-size:1.25rem;margin:.5rem 0}.contact-info p{font:var(--h3-font);font-size:.9rem;margin:.1rem 0}.external-links{align-items:center;display:flex;flex-direction:row;justify-content:space-around;margin:1.5rem}.external-links a{aspect-ratio:1;background:none;border:none;color:var(--main-color-trans);cursor:pointer;outline:none;transition:all .2s;width:2.25rem}.external-links a:hover{color:var(--main-color)}.external-links a>svg{height:100%;width:100%}@media (max-width:1000px){.Footer{grid-template-columns:1fr;grid-template-rows:1fr .25fr;height:max-content;width:100%}.contact-info{border-bottom:1px solid #fff;border-right:none;margin:auto;padding:1rem;width:max-content}.contact-info h2{text-align:center}}.Home{text-align:left}.Home>div{margin-top:5rem}.Home>div:first-child{margin-top:0}h2 span,p span{color:var(--accent-color-trans);margin:0;padding:0;transition:all .5s}hr{color:var(--main-color-trans);width:40%}.landing{height:100vh;min-height:750px;overflow:hidden;width:100%}.landing-brand{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;transition:all .5s;width:100%;z-index:1}.landing-brand-name{font-family:White Storm;font-size:12rem;margin:0;padding:0}.landing-brand-name,.landing-brand-title{color:var(--main-color-trans);transition:all .5s}.landing-brand-title{font:var(--h2-font)}.landing-brand-scroll{transform:translateY(-50px)}.landing-brand-scroll .landing-brand-name,.landing-brand-scroll .landing-brand-title,.landing-brand-scroll span{color:#0000!important}.landing-overlay{background:radial-gradient(circle,#0006 0,#000000e8 100%);bottom:0;left:0;position:fixed;right:0;top:0;z-index:-10}.landing-reel{left:-10%;position:fixed;top:-10%;width:120%;z-index:-20}@media (max-width:1000px){.landing{height:100svh;min-height:0;min-height:auto}.landing-brand-name{font-size:4.5rem}.landing-brand-title{font-size:1.5rem}.landing-brand-scroll{transform:none}.landing-brand-scroll .landing-brand-name,.landing-brand-scroll .landing-brand-title,.landing-brand-scroll span{color:#0000!important}.landing-overlay{height:100dvh;position:fixed}.landing-reel{height:100dvh;left:-50%;top:0;width:auto}}.about-me{background-color:#fff;color:var(--contrast-color);display:grid;grid-template-areas:"content portrait";grid-template-columns:1.5fr 1fr;height:100vh;min-height:750px;width:100%}.about-me-content{display:grid;grid-area:content;grid-template-areas:"title title" "stats description";grid-template-columns:.25fr 1fr;padding:2rem}.about-me-content h2{font:var(--h2-font);grid-area:title;text-align:center}.about-me-content-stats{border-right:1px dotted var(--contrast-color-trans);grid-area:stats;justify-content:space-around;padding-right:3rem;width:100%}.about-me-content-stats,.about-me-content-stats span{align-items:center;display:flex;flex-direction:column}.about-me-content-stats span{justify-content:center;text-align:center}.about-me-content-stats span svg{font-size:3rem}.about-me-content-stats span h3{font:var(--h2-font);margin:0}.about-me-content-stats span p{font:var(--h3-font);font-size:.8rem;margin:0}.about-me-content>p{font-size:1.25rem;grid-area:description;line-height:2rem;padding-left:5rem}.about-me-content>p>br{margin-bottom:1rem}.about-me-portrait{align-items:center;clip-path:polygon(11% 0,100% 0,100% 100%,0 100%);display:flex;flex-direction:column;grid-area:portrait;height:100%;justify-content:center;overflow:hidden;width:100%}.about-me-portrait img{aspect-ratio:64/85;height:100%}@media (max-width:1000px){.about-me{grid-template-areas:"content" "portrait";grid-template-columns:1fr;height:max-content}.about-me-content{grid-template-areas:"title" "stats" "description";grid-template-columns:1fr;padding:1rem}.about-me-content h2{font-size:1.5rem}.about-me-content-stats{border-bottom:1px dotted var(--contrast-color-trans);border-right:none;flex-direction:row;padding-bottom:1rem;padding-right:0}.about-me-content-stats span svg{font-size:2.5rem}.about-me-content-stats span h3{font-size:1.5rem}.about-me-content>p{padding:1rem 1rem 0}.about-me-portrait{clip-path:circle(40% at 50% 45%);height:250px;margin:-5% auto;width:50%}.about-me-portrait img{height:auto;width:100%}}.experience{color:var(--main-color)}.experience h2{font:var(--h2-font);text-align:center}.experience-list{display:grid;grid-template-columns:1fr 1fr;margin:5rem 15rem}.experience-list-item{margin:0;min-height:250px;padding-bottom:1rem;padding-top:0;position:relative}.experience-list-item h3{font:var(--h3-font);margin:0 0 5px}.experience-list-item-tech{align-items:center;border-bottom:1px solid #fff;display:flex;flex-direction:row;justify-content:left}.experience-list-item-tech-logo{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-right:1rem}.experience-list-item-tech-logo img{aspect-ratio:1;margin:0 5px;width:25px}.experience-list-item-tech-logo p{font-size:.85rem;font-style:italic}.experience-list-item .circle{background-color:#fff;border:5px solid #fff;border-radius:50%;height:25px;position:absolute;width:25px}.experience-list-item:nth-child(odd){border-right:5px solid #fff;grid-column:1;margin-right:-2.5px;padding-right:2rem;shape-outside:circle(50%)}.experience-list-item:nth-child(odd) .circle{right:-20px;top:0}.experience-list-item:nth-child(2n){border-left:5px solid #fff;grid-column:2;margin-left:-2.5px;padding-left:2rem}.experience-list-item:nth-child(2n) .circle{left:-20px;top:0}.experience-list-item:last-child{border:none!important}@media (max-width:1000px){.experience-list{grid-template-columns:1fr;margin:0 1.5rem}.experience-list-item{width:85%}.experience-list-item h3{font-size:1.5rem}.experience-list-item-tech{flex-wrap:wrap;width:100%}.experience-list-item-tech-logo{margin:5px 0 10px}.experience-list-item-tech-logo p{display:none}.experience-list-item:nth-child(2n){border-left:none;border-right:5px solid #fff;grid-column:1;margin-left:0;margin-right:-2.5px;padding-left:0;padding-right:2rem}.experience-list-item:nth-child(2n) .circle{left:auto;right:-20px;top:0}}.projects{color:var(--main-color);position:relative}.projects h2{font:var(--h2-font);text-align:center}.projects-list{display:grid;grid-template-columns:repeat(4,250px);justify-content:space-around;margin:5rem 10rem}.projects-list-item{align-items:center;border-radius:1px;cursor:pointer;display:flex;flex-direction:column;height:300px;justify-content:end;margin-bottom:2rem;overflow:hidden;position:relative}.projects-list-item img{height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:-1}.projects-list-item span{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0006;height:75px;margin:0;transition:all .2s;width:100%}.projects-list-item h3{font:var(--h2-font);font-size:1rem;margin:0;padding:1rem;transition:all .1s}.projects-list-item p{border-top:1px solid #0000;color:#0000;font-size:.75rem;margin:0 20px;padding:10px 0;transition:all .2s}.projects-list-item:hover span{height:80%}.projects-list-item:hover p{border-top:1px solid #fff;color:var(--main-color)}.projects-list-item.portfolio-link{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0006;justify-content:center}.projects-list-item.portfolio-link:hover h3{transform:scale(1.05)}@media (max-width:1000px){.projects-list{align-items:center;display:flex;flex-direction:column;justify-content:start;margin:0}.projects-list-item{margin:0;width:100%}.projects-list-item span{align-items:start;display:flex;flex-direction:column;justify-content:center}.projects-list-item h3{font-size:1.25rem}.projects-list-item p{display:none}.projects-list-item:hover span{height:75px}.projects-list-item.portfolio-link{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0006;justify-content:center}.projects-list-item.portfolio-link:hover h3{transform:scale(1.05)}}.particles-container{position:relative}.particles-container,.yarl__fullsize{height:100%;width:100%}.yarl__relative{position:relative}.yarl__portal{bottom:0;left:0;opacity:0;overflow:hidden;position:fixed;right:0;top:0;transition:opacity .25s ease;transition:opacity var(--yarl__fade_animation_duration,.25s) var(--yarl__fade_animation_timing_function,ease);z-index:9999;z-index:var(--yarl__portal_zindex,9999)}.yarl__portal_open{opacity:1}.yarl__container{background-color:#000;background-color:var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));bottom:0;left:0;outline:none;overflow:hidden;overscroll-behavior:contain;overscroll-behavior:var(--yarl__controller_overscroll_behavior,contain);position:absolute;right:0;top:0;touch-action:none;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;user-select:none}.yarl__carousel{align-content:center;align-items:stretch;display:flex;flex:0 0 auto;height:100%;justify-content:center;opacity:1;opacity:var(--yarl__pull_opacity,1);transform:translate(0);transform:translate(var(--yarl__swipe_offset,0),var(--yarl__pull_offset,0));width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*100%);width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*(100% + var(--yarl__carousel_spacing_px, 0)*1px + var(--yarl__carousel_spacing_percent, 0)*1%))}.yarl__carousel_with_slides{column-gap:calc(100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*0*1%);column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%)}.yarl__flex_center{align-content:center;align-items:center;display:flex;justify-content:center}.yarl__slide{flex:1 1;overflow:hidden;padding:calc(var(--yarl__carousel_padding_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_padding_percent, 0)*1%);position:relative}[dir=rtl] .yarl__slide{--yarl__direction:-1}.yarl__slide_image{-webkit-touch-callout:none;max-height:100%;max-width:100%;object-fit:contain;touch-action:none;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;user-select:none}.yarl__slide_image_cover{height:100%;object-fit:cover;width:100%}.yarl__slide_image_loading{opacity:0}@media screen and (min-width:800px){.yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transform-style:preserve-3d}}.yarl__slide_placeholder{left:50%;line-height:0;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%)}.yarl__slide_loading{animation:yarl__delayed_fadein 1s linear;color:#fffc;color:var(--yarl__slide_icon_loading_color,var(--yarl__color_button,#fffc))}.yarl__slide_loading line{animation:yarl__stroke_opacity 1s linear infinite}.yarl__slide_loading line:first-of-type{animation-delay:-1.875s}.yarl__slide_loading line:nth-of-type(2){animation-delay:-1.75s}.yarl__slide_loading line:nth-of-type(3){animation-delay:-1.625s}.yarl__slide_loading line:nth-of-type(4){animation-delay:-1.5s}.yarl__slide_loading line:nth-of-type(5){animation-delay:-1.375s}.yarl__slide_loading line:nth-of-type(6){animation-delay:-1.25s}.yarl__slide_loading line:nth-of-type(7){animation-delay:-1.125s}.yarl__slide_loading line:nth-of-type(8){animation-delay:-1s}.yarl__slide_error{color:red;color:var(--yarl__slide_icon_error_color,red);height:48px;height:var(--yarl__slide_icon_error_size,48px);width:48px;width:var(--yarl__slide_icon_error_size,48px)}@media (prefers-reduced-motion){.yarl__portal,.yarl__slide{transition:none 0s ease 0s;transition:initial}.yarl__slide_loading,.yarl__slide_loading line{animation:none 0s ease 0s 1 normal none running;animation:initial}}.yarl__toolbar{bottom:auto;display:flex;justify-content:flex-end;left:auto;padding:8px;padding:var(--yarl__toolbar_padding,8px);position:absolute;right:0;top:0}[dir=rtl] .yarl__toolbar{bottom:auto;left:0;right:auto;top:0}.yarl__icon{height:32px;height:var(--yarl__icon_size,32px);width:32px;width:var(--yarl__icon_size,32px)}.yarl__button{-webkit-tap-highlight-color:transparent;appearance:none;background-color:initial;background-color:var(--yarl__button_background_color,#0000);border:0;border:var(--yarl__button_border,0);color:#fffc;color:var(--yarl__color_button,#fffc);cursor:pointer;filter:drop-shadow(2px 2px 2px rgba(0,0,0,.8));filter:var(--yarl__button_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));line-height:0;margin:0;margin:var(--yarl__button_margin,0);outline:none;padding:8px;padding:var(--yarl__button_padding,8px)}.yarl__button:focus{color:#fff;color:var(--yarl__color_button_active,#fff)}.yarl__button:focus:not(:focus-visible){color:#fffc;color:var(--yarl__color_button,#fffc)}.yarl__button:focus-visible{color:#fff;color:var(--yarl__color_button_active,#fff)}@media (hover:hover){.yarl__button:focus-visible:hover,.yarl__button:focus:hover,.yarl__button:hover{color:#fff;color:var(--yarl__color_button_active,#fff)}}.yarl__button:disabled{color:#fff6;color:var(--yarl__color_button_disabled,#fff6);cursor:default}.yarl__navigation_next,.yarl__navigation_prev{padding:24px 16px;padding:var(--yarl__navigation_button_padding,24px 16px);position:absolute;top:50%;transform:translateY(-50%)}.yarl__navigation_prev{left:0}[dir=rtl] .yarl__navigation_prev{left:auto;right:0;transform:translateY(-50%) rotate(180deg)}.yarl__navigation_next{right:0}[dir=rtl] .yarl__navigation_next{left:0;right:auto;transform:translateY(-50%) rotate(180deg)}.yarl__no_scroll{height:100%;overflow:hidden;overscroll-behavior:none}@keyframes yarl__delayed_fadein{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes yarl__stroke_opacity{0%{stroke-opacity:1}to{stroke-opacity:.125}}.yarl__thumbnails{display:flex;height:100%}.yarl__thumbnails_bottom,.yarl__thumbnails_end .yarl__thumbnails_track,.yarl__thumbnails_start .yarl__thumbnails_track,.yarl__thumbnails_top{flex-direction:column}.yarl__thumbnails_wrapper{flex:1 1;position:relative}.yarl__thumbnails_container{-webkit-touch-callout:none;background-color:#000;background-color:var(--yarl__thumbnails_container_background_color,var(--yarl__color_backdrop,#000));flex:0 0 auto;overflow:hidden;padding:16px;padding:var(--yarl__thumbnails_container_padding,16px);position:relative;-webkit-user-select:none;user-select:none}.yarl__thumbnails_vignette{--yarl__thumbnails_vignette_size:12%;pointer-events:none;position:absolute}@media (min-width:1200px){.yarl__thumbnails_vignette{--yarl__thumbnails_vignette_size:8%}}@media (min-width:2000px){.yarl__thumbnails_vignette{--yarl__thumbnails_vignette_size:5%}}.yarl__thumbnails_bottom .yarl__thumbnails_vignette,.yarl__thumbnails_top .yarl__thumbnails_vignette{background:linear-gradient(90deg,#000 0,#0000 12% 88%,#000);background:linear-gradient(to right,var(--yarl__color_backdrop,#000) 0,#0000 var(--yarl__thumbnails_vignette_size,12%) calc(100% - var(--yarl__thumbnails_vignette_size, 12%)),var(--yarl__color_backdrop,#000) 100%);height:100%;left:0;right:0}.yarl__thumbnails_end .yarl__thumbnails_vignette,.yarl__thumbnails_start .yarl__thumbnails_vignette{background:linear-gradient(180deg,#000 0,#0000 12% 88%,#000);background:linear-gradient(to bottom,var(--yarl__color_backdrop,#000) 0,#0000 var(--yarl__thumbnails_vignette_size,12%) calc(100% - var(--yarl__thumbnails_vignette_size, 12%)),var(--yarl__color_backdrop,#000) 100%);bottom:0;top:0;width:100%}.yarl__thumbnails_track{gap:16px;gap:var(--yarl__thumbnails_thumbnail_gap,16px);outline:none}.yarl__thumbnails_thumbnail{-webkit-tap-highlight-color:transparent;appearance:none;background:#000;background:var(--yarl__thumbnails_thumbnail_background,#000);border-color:#fffc;border-color:var(--yarl__thumbnails_thumbnail_border_color,var(--yarl__color_button,#fffc));border-radius:4px;border-radius:var(--yarl__thumbnails_thumbnail_border_radius,4px);border-style:solid;border-style:var(--yarl__thumbnails_thumbnail_border_style,solid);border-width:1px;border-width:var(--yarl__thumbnails_thumbnail_border,1px);box-sizing:initial;cursor:pointer;flex:0 0 auto;height:80px;height:var(--yarl__thumbnails_thumbnail_height,80px);outline:none;overflow:hidden;padding:4px;padding:var(--yarl__thumbnails_thumbnail_padding,4px);position:relative;width:120px;width:var(--yarl__thumbnails_thumbnail_width,120px)}.yarl__thumbnails_thumbnail_active{border-color:#fff;border-color:var(--yarl__thumbnails_thumbnail_active_border_color,var(--yarl__color_button_active,#fff))}.yarl__thumbnails_thumbnail_fadein{animation:yarl__thumbnails_thumbnail_fadein .5s ease-in-out 0s forwards;animation:yarl__thumbnails_thumbnail_fadein var(--yarl__thumbnails_thumbnail_fadein_duration,.5s) ease-in-out var(--yarl__thumbnails_thumbnail_fadein_delay,0s) forwards;opacity:0}.yarl__thumbnails_thumbnail_fadeout{animation:yarl__thumbnails_thumbnail_fadeout .5s ease-in-out 0s forwards;animation:yarl__thumbnails_thumbnail_fadeout var(--yarl__thumbnails_thumbnail_fadeout_duration,.5s) ease-in-out var(--yarl__thumbnails_thumbnail_fadeout_delay,0s) forwards;cursor:inherit}.yarl__thumbnails_thumbnail_placeholder{cursor:inherit;visibility:hidden}.yarl__thumbnails_thumbnail:focus{box-shadow:0 0 0 2px #000,0 0 0 4px #fffc;box-shadow:var(--yarl__thumbnails_thumbnail_focus_box_shadow,#000 0 0 0 2px,var(--yarl__color_button,#fffc) 0 0 0 4px)}.yarl__thumbnails_thumbnail:focus:not(:focus-visible){box-shadow:none}.yarl__thumbnails_thumbnail:focus-visible{box-shadow:0 0 0 2px #000,0 0 0 4px #fffc;box-shadow:var(--yarl__thumbnails_thumbnail_focus_box_shadow,#000 0 0 0 2px,var(--yarl__color_button,#fffc) 0 0 0 4px)}.yarl__thumbnails_thumbnail_icon{color:#fffc;color:var(--yarl__thumbnails_thumbnail_icon_color,var(--yarl__color_button,#fffc));filter:drop-shadow(2px 2px 2px rgba(0,0,0,.8));filter:var(--yarl__thumbnails_thumbnail_icon_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));height:32px;height:var(--yarl__thumbnails_thumbnail_icon_size,32px);left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:32px;width:var(--yarl__thumbnails_thumbnail_icon_size,32px)}@keyframes yarl__thumbnails_thumbnail_fadein{0%{opacity:0}to{opacity:1}}@keyframes yarl__thumbnails_thumbnail_fadeout{0%{opacity:1}to{opacity:0}}.PortfolioEntry{color:#fff;display:grid;grid-template-areas:"info gallery" "links gallery";grid-template-columns:1.5fr 1fr;grid-template-rows:max-content .5fr;height:100vh;overflow:hidden;position:relative;width:100%}.project-info{grid-area:info;padding:10rem 5rem 0;text-align:left}.project-info h1{font:var(--h2-font)}.project-info h2{font:var(--h3-font)}.project-info p{line-height:1.5rem}.project-gallery{grid-area:gallery;margin:auto;padding:10rem 0;width:90%}.project-gallery>div{box-shadow:0 0 15px 5px #ffffff26}.project-links{align-items:end;display:flex;flex-direction:row;justify-content:start;padding:0 5rem;width:100%}.project-links a{border-right:1px solid var(--main-color-trans);padding:0 1rem}.project-links a:last-child{border-right:none}.project-links a:link,.project-links a:visited{color:var(--main-color-trans);transition:all .2s}.project-links a:hover{color:var(--main-color)}.project-links svg{font-size:2rem}.project-background{background-color:#000}.project-background,.project-background-mask{height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.project-background-mask{background:#000;-webkit-mask-image:url(/static/media/image-mask.f225259be91eaba1ef42.png);mask-image:url(/static/media/image-mask.f225259be91eaba1ef42.png);mask-mode:alpha;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:100% 180%;mask-size:100% 180%}.PortfolioEntry:first-child .project-background-mask{-webkit-mask-image:url(/static/media/image-mask-top.c6d70d5b14bf29aa61e3.webp);mask-image:url(/static/media/image-mask-top.c6d70d5b14bf29aa61e3.webp);-webkit-mask-position:center;mask-position:center;-webkit-mask-size:100% 400%;mask-size:100% 400%}.project-background-overlay{background:radial-gradient(circle,#00000040 0,#000000bf 100%);height:100%;left:0;position:absolute;top:0;width:100%;z-index:-2}.project-background-visual{left:-25%;opacity:.85;position:absolute;top:-25%;width:150%;z-index:-3}@media (max-width:1000px){.PortfolioEntry{grid-template-areas:"info" "links" "gallery";grid-template-columns:1fr;grid-template-rows:max-content max-content max-content;height:max-content}.project-info{margin-top:2rem;padding:1rem}.project-links{padding:0 1rem}.project-gallery{padding:1rem 0;width:100%}.project-background{height:250px;overflow:hidden}.project-background-visual{left:0;min-height:250px;top:0}}.Portfolio{min-height:100vh;width:100%}.backdrop{background-color:#000;height:100%;left:0;position:fixed;top:0;width:100%;z-index:-100}.Hobby{display:grid;grid-template-areas:"title title" "description gallery";grid-template-columns:1fr 1fr;grid-template-rows:500px 1.5fr;min-height:100vh;position:relative;width:100%}.hobby-title{align-items:center;background:radial-gradient(#0000001a,#00000080);display:flex;flex-direction:column;grid-area:title;justify-content:center}.hobby-title h2{color:var(--main-color-trans);font:var(--h2-font);font-size:4rem}.hobby-description{background-color:#fff;border-right:.5px solid var(--contrast-color-trans);grid-area:description;line-height:2rem;margin:0;padding:0 2rem 0 4rem;text-align:left}.hobby-description h3{font:var(--h3-font);margin:0}.hobby-gallery{background-color:#00000080;grid-area:gallery;margin:0;padding:0}.hobby-background{left:-10%;position:fixed;top:-10%;width:120%;z-index:-10}@media (max-width:1000px){.Hobby{grid-template-areas:"title" "description" "gallery";grid-template-columns:1fr;grid-template-rows:250px max-content max-content}.hobby-title h2{font-size:2.5rem}.hobby-description{padding:1rem 2rem}}.react-photo-album{display:flex}.react-photo-album,.react-photo-album *{box-sizing:border-box}.react-photo-album--track{align-items:flex-start;display:flex}.react-photo-album--photo{padding:calc(var(--react-photo-album--padding)*1px);position:relative}.react-photo-album--image{aspect-ratio:var(--react-photo-album--photo-width) /var(--react-photo-album--photo-height);display:block;height:auto;width:100%}.react-photo-album--button{background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;background:initial;border:initial;cursor:pointer}.react-photo-album--columns{justify-content:space-between}.react-photo-album--columns .react-photo-album--track{flex-direction:column;justify-content:space-between;row-gap:calc(var(--react-photo-album--spacing)*1px);width:calc((100% - 1px*(var(--react-photo-album--columns) - 1)*var(--react-photo-album--spacing) - 2px*var(--react-photo-album--columns)*var(--react-photo-album--padding) - var(--react-photo-album--adjusted-gaps)*1px)*var(--react-photo-album--column-ratio)/var(--react-photo-album--total-ratio) + 2px*var(--react-photo-album--padding))}.Navbar,.react-photo-album--columns .react-photo-album--photo{width:100%}.Navbar{align-items:center;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background-color:initial;display:flex;flex-direction:row;justify-content:space-evenly;left:0;padding:1rem 0;position:fixed;top:0;transition:all .5s;z-index:100}.Navbar-scroll{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#00000080;padding:.5rem 0}.Navbar .page-branding h1{color:#0000;cursor:pointer;font-family:White Storm,serif;font-size:3rem;margin:0;transition:all .5s}.Navbar-scroll .page-branding h1,.page-branding h1.active{color:var(--accent-color-trans)}.nav-list{align-items:center;display:flex;flex-direction:row;justify-content:end;width:50%}.nav-list button{background:none;border:none;border-bottom:1px solid #0000;color:var(--main-color-trans);cursor:pointer;font:var(--h3-font);font-size:1.5rem;outline:none;padding:0 1rem;transition:all .2s}.nav-list .active,.nav-list button:hover{border-bottom:1px solid var(--accent-color);color:var(--main-color)}.nav-list>.expandable{align-items:center;display:flex;flex-direction:row;justify-content:start;position:relative}.nav-list>.expandable:hover{border-bottom:1px solid #0000}.nav-list .expandable-content{align-items:end;display:flex;flex-direction:column;justify-content:start;left:0;opacity:0;padding:5px;position:absolute;top:-10000%;transition:opacity .2s;width:max-content}.nav-list .expandable-content-background{background-color:#00000080;border-radius:0 0 2px 2px;display:none;height:calc(100% - 1.2rem);left:0;position:absolute;top:1.25rem;width:100%;z-index:-1}.Navbar-scroll .nav-list .expandable-content-background{display:inline}.nav-list .expandable:hover .expandable-content{opacity:1;top:100%}.nav-list .expandable-content button{font-size:1.25rem}@media (max-width:1000px){.Navbar{display:grid;grid-template-areas:"brand ham" "nav nav";grid-template-columns:2fr 1fr;margin:0;overflow:hidden;padding:1rem 0 0;width:100%}.page-branding{grid-area:brand;padding-bottom:1rem}.Navbar .page-branding h1{font-size:2.5rem}.nav-list{grid-area:ham;padding-bottom:1rem;width:auto}.nav-list>button{align-items:center;border:none;display:flex;flex-direction:column;justify-content:center}.nav-list>button:hover{border:none}.nav-list>button>svg{font-size:2.5rem}.nav-menu{align-items:center;display:flex;flex-direction:column;grid-area:nav;height:0;justify-content:start;margin:0;padding:0;position:relative;visibility:hidden}.nav-menu button{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:none;background-color:#00000040;border:none;border-bottom:1px solid #0000;color:var(--main-color-trans);cursor:pointer;font:var(--h3-font);font-size:1.5rem;outline:none;padding:.5rem 0;width:100%}.nav-menu-active{height:max-content;visibility:visible}.nav-menu-active .active{border-bottom:1px solid var(--accent-color);color:var(--main-color)}.nav-menu .expandable-content{height:0;margin:0;position:relative;top:0;visibility:hidden;width:100%}.nav-menu .expanded{padding-bottom:0}.nav-menu-active .expanded .expandable-content{height:max-content;margin-top:.5rem;visibility:visible}}
/*# sourceMappingURL=main.5b6341e7.css.map*/