:root{--white-text-color: #e4e4e4;--white-text-color-hover: #a7a7a7;--subtle-drop-shadow-short: var(--shadow_color) 0px 1px 0px;--drop-shadow: var(--shadow_color) 0px 0px 2px;--hard-drop-shadow: var(--shadow_color) 0px 2px 1px;--box-shadow-shine: inset 0 0 0 1px hsla(0,0%,100%,.05),inset 0 1px 0 0 hsla(0,0%,100%,.45),inset 0 -1px 0 0 hsla(0,0%,100%,.15),0 1px 0 0 hsla(0,0%,100%,.15);--box-shadow-shading: inset 0 1px 0px 0 var(--light_specular);--box-shadow-shading-basic: inset 0 0 0 1px var(--light_specular);--box-shadow-lowered: inset 0px 2px 0px var(--shadow_color) ;--lowered-text-shadow: var(--shadow_color_strong) 0px -1px 0px;--heightened-text-shadow: var(--shadow_color_strong) 0px 1px 0px;--small-unit: .5rem;--medium-unit: 1rem;--large-unit: 2rem;--very-large-unit: 4rem;--massive-unit: 10rem}html{--bg_col: #fafafa;--bg_col2: #e7e7e7;--inverted_bg_color: #1a1a1a;--border_color: #00000062;--faded_border_color: #00000049;--bar_bg_col: #252525;--bar_sec_bg_col: #161616;--bar_border_col: #0e0d0d;--light_specular: hsla(0, 0%, 100%, .26);--bg_col_transparent: #f5f5f50f;--bg_col_transparent1: rgba(.2,.2,.2,.01);--bg_col_transparent2: #0000007e;--bg_col_transparent3: #00000031;--sec_bg_col: #f0f0f0;--sec_bg_col2: #efefef;--acc_color: #e44040;--sec_acc_color: #a02020;--acc_border_color: #6e2c2c;--acc_color_faded: #e24843;--btn_color1: #ffffff;--btn_color2: #f0f0f0;--btn_border_color: var(--border_color);--text_color: #000000;--header_alt_color: #606970;--strong_text_color: #363636;--sec_text_color: #ffffff;--faded_text_color: #686868;--shadow_color: #0000001c;--shadow_color_strong: #0000006f}html.dark{--bg_col: #252525;--bg_col2: #131313;--inverted_bg_color: #fafafa;--border_color: #0c0c0c;--faded_border_color: #252525;--bar_bg_col: #252525;--bar_sec_bg_col: #161616;--bar_border_col: #0e0d0d;--light_specular: hsla(0, 0%, 100%, .175);--bg_col_transparent: #f5f5f50f;--bg_col_transparent1: rgba(.2,.2,.2,.01);--bg_col_transparent2: #0000007e;--bg_col_transparent3: #0000002d;--sec_bg_col: #222222;--sec_bg_col2: #242424;--acc_color: #ca3838;--sec_acc_color: #a02020;--acc_border_color: #6e2c2c;--acc_color_faded: #e24843;--btn_color1: #222222;--btn_color2: #1a1a1a;--btn_border_color: var(--border_color);--text_color: #ebebeb;--strong_text_color: #ffffff;--header_alt_color: #acacac;--sec_text_color: #ebebeb;--faded_text_color: #6b6b6b;--shadow_color: #00000040;--shadow_color_strong: #0000006f}@font-face{font-family:Inter Variable;font-weight:45 920;font-style:normal;font-display:swap;src:url(/fonts/InterVariable.woff2) format("woff2-variations")}@keyframes fade-in{0%{opacity:0%}to{opacity:100%}}@keyframes slide-in-left{0%{transform:translate(-5vw);opacity:0%}to{transform:translate(0);opacity:100%}}@keyframes slide-in-right{0%{transform:translate(5vw);opacity:0%}to{transform:translate(0);opacity:100%}}@keyframes slide-in-down{0%{transform:translateY(-5vh);opacity:0%}to{transform:translateY(0);opacity:100%}}@keyframes slide-in-up{0%{transform:translateY(5vh);opacity:0%}to{transform:translateY(0);opacity:100%}}*{padding:0;margin:0;font-family:Inter Variable,helvetica,"sans-serif";line-height:150%;letter-spacing:-.025em;box-sizing:border-box;font-feature-settings:"cv01","cv10"}header{height:42px}.pageContent{padding-top:42px;width:100%;display:flex;flex-direction:column}a{color:var(--acc_color);text-decoration:none}h1{color:var(--header_alt_color);padding:25px 0;font-weight:800;font-size:42px;line-height:1.15}h2{color:var(--text_color);font-weight:650}p{color:var(--text_color);font-weight:400;font-size:.875rem}button{background:linear-gradient(var(--btn_color1) 10%,var(--btn_color2) 90%);border-radius:.3rem;color:var(--text_color);font-weight:500;transition:.1s;padding:.75em 1em;font-size:.875rem;box-shadow:var(--box-shadow-shading);border:1px solid var(--faded_border_color)}button a{color:var(--sec_text_color)}button:hover{cursor:pointer;filter:brightness(1.15)}button.action{background:linear-gradient(var(--acc_color),var(--sec_acc_color));box-sizing:border-box;text-shadow:var(--lowered-text-shadow);border:var(--faded_border_color) 1px solid;color:var(--sec_text_color);font-weight:600;font-size:.875rem}button.action2{border:var(--sec_acc_color) 1px solid;color:var(--sec_acc_color);font-weight:300;font-size:.875rem}.horizontalDiv{display:flex;flex-direction:row}.flexContainer{display:flex}.flexColumn{flex-direction:column}.flexRow,.flexResponsiveRow{flex-direction:row}.justifyContentCenter{justify-content:center}.justifyContentStart{justify-content:start}.justifyContentEnd{justify-content:end}.justifySelfEnd{justify-self:end}.headerAltColor{color:var(--header_alt_color)!important}.alignSelfCenter{align-self:center}.alignItemsCenter{align-items:center}.alignItemsEnd{align-items:end}.alignItemsStart{align-items:start}.textAlignCenter{text-justify:auto}.verticalAlignCenter{vertical-align:middle}.autoMargin{margin:auto}.flexGrow{flex-grow:1}.flexShrink{flex-shrink:1}.fadedColor{color:var(--faded_text_color)!important}.imagePanelButton{background:none;border:var(--border_color) 1px solid}.noPadding{padding:0}.smallMarginLeft{margin-left:var(--small-unit)}.smallMarginRight{margin-right:var(--small-unit)}.smallMarginTop{margin-top:var(--small-unit)}.smallMarginBottom{margin-bottom:var(--small-unit)}.circleBorderRadius{border-radius:50%}.imagePanelButton{display:flex;flex-grow:1;flex-direction:column;margin:5px;padding:0;height:500px;color:var(--sec_text_color);text-shadow:var(--shadow_color) 0px 2px 4px;transition:all .25s;align-items:start;overflow:hidden}.workItem{display:flex;margin:10px;padding:0;color:var(--sec_text_color);transition:all .25s;align-items:stretch;max-height:40em;box-shadow:none;border:none;overflow:hidden;filter:drop-shadow(var(--hard-drop-shadow))}.workItem:after{content:" ";position:absolute;width:calc(100% - 2px);height:calc(100% - 2px);top:0;left:0;border-radius:inherit;box-shadow:var(--box-shadow-shading-basic);border:1px solid var(--faded_border_color)}.workItem img{border:none;object-fit:cover;width:auto;height:15rem}.workItem.flexRow img{height:auto;max-height:25rem}.workItem h3{font-size:1rem;color:var(--text_color);text-align:left;padding:0 0 5px;margin:0 auto 0 0}.workItem p{text-align:left!important;vertical-align:middle;font-size:.875rem!important;color:var(--header_alt_color);font-weight:400!important}.workItem .workDescription{padding:0 0 10px;margin:5px 5px 2em;overflow-wrap:break-word}.workItem .tagsList{display:flex;flex-wrap:wrap;gap:5px;margin:auto 0 0}.workItem .tagItem{color:var(--header_alt_color);background:var(--bg_col_transparent3);border-radius:3px;padding:2px 5px;max-height:2em;font-size:.75rem!important;font-weight:500}.imagePanelDescription{background:var(--bg_col1);padding:10px;flex-grow:1}.imagePanelDescription img{background:#1a1a1a;border-radius:4px}.imagePanelButton:hover{transform:scale(1.01);filter:brightness(1.2)}.section80{width:80vw;margin:auto}.section90{width:90vw;margin:auto}.pageHeader{width:85vw;display:flex;margin:auto}.pageBanner{height:500px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:start;position:relative}.pageBanner img{filter:brightness(80%);width:100%;max-height:100vh;position:absolute}.pageBanner h1{color:var(--sec_text_color);z-index:2}.timelineLine{position:relative;z-index:-1;width:2px;height:fit-content;background:var(--bg_col_transparent3);border-radius:3px;margin:30px 10px 10px}.timelineItem{position:relative;left:50%;width:1rem;height:fit-content;overflow:visible;transform:translate(-50%);padding:0rem 1rem 1rem}.timelineCircle{position:absolute;left:50%;top:0%;border-radius:50%;width:10px;height:10px;margin:auto;overflow:visible;background:var(--acc_color);transform:translate(-50%,-50%)}.timelineItem .speechBubbleLeft img{width:2rem;height:2rem;object-fit:cover;margin:0 .5rem}.timelineItem .speechBubbleLeft p{min-width:10rem;max-width:50rem;font-size:.875rem;color:var(--header_alt_color)}.timelineItem .speechBubbleLeft h4{text-wrap-mode:nowrap;text-wrap-style:pretty;color:var(--text_color)}.timelineItem .speechBubbleLeft{max-width:60rem}.speechBubbleLeft{position:relative;background:transparent;height:auto;width:fit-content;padding:.5rem;border-radius:4px;transform:translate(1em,-25px)}.popupBackground{position:fixed;width:100vw;height:100vh;background:var(--bg_col_transparent2);z-index:10;display:flex;justify-content:center;align-content:center}.popup{animation:slide-in-up .5s ease;margin:auto;z-index:10;background:var(--bg_col);height:fit-content;width:fit-content;border-radius:4px;padding:2rem}.experiencesPopup{width:80vw;max-height:80vh;overflow-x:hidden;overflow-y:auto;margin-top:2rem}.border{border:1px solid var(--border_color)}.shadowBorder{border:1px solid var(--shadow_color)}.faded-border-top{border-top:1px solid var(--faded_border_color)}.loweredShading{box-shadow:var(--box-shadow-lowered),var(--box-shadow-shading);border:1px solid var(--border_color)!important}.shading{box-shadow:var(--box-shadow-shading);border:1px solid var(--faded_border_color)}.shadingBasic{box-shadow:var(--box-shadow-shading-basic);border:1px solid var(--faded_border_color)}.fullShading{box-shadow:var(--subtle-drop-shadow-short),var(--box-shadow-shading);border:1px solid var(--faded_border_color)}.fill{z-index:1000;width:100%;height:100%}.flexAutoSize{flex:1 1 0}.cursorPointer{cursor:pointer}.whiteText{color:var(--white-text-color)}@media only screen and (max-width:768px){*{font-size:20px}h1{font-size:25px}.horizontalDiv,.flexResponsiveRow{flex-direction:column}}body{display:block;background:var(--bg_col);flex:1}header{position:fixed;width:100vw;z-index:5}#root{min-height:100vh}nav{display:flex;align-items:center;height:100%;padding:0 5vw;background:linear-gradient(var(--bar_bg_col) 0%,var(--bar_sec_bg_col) 100%);box-shadow:0 0 5px var(--shadow_color);border-bottom:var(--bar_border_col) 1px solid}nav ul{list-style:none;text-align:end;align-content:center}nav ul li{display:inline}.navLink{padding:0 1.5vw;font-weight:600;font-size:14px;color:var(--white-text-color);transition:all .1s;text-shadow:var(--shadow_color) 0px 1px 0px}.navLink:hover{color:var(--white-text-color-hover);text-shadow:var(--shadow_color) 0px -1px 0px}.logoContainer{flex-grow:1}.logoText{font-weight:800;color:var(--white-text-color);transition:all .25s;text-shadow:var(--shadow_color) 0px 1px 0px}.logoText:hover{color:var(--white-text-color-hover);text-shadow:var(--shadow_color) 0px -1px 0px}.themeSwitch{background:transparent;border:none;padding:0px 2vw 0px 1vw;align-items:center;box-shadow:none}.themeSwitch img{display:block;margin-left:auto;margin-right:auto;align-items:center;width:20px}@media only screen and (max-width:768px){.logoContainer{display:none}nav ul{text-align:center;align-content:space-evenly;justify-content:space-evenly;width:100vw;display:flex}nav ul li{align-content:center}.navLink{font-weight:600;padding:0}}.homeIntro{--hero_height: 50rem;display:flex;flex-direction:column;background:transparent;z-index:2;align-self:center;height:var(--hero_height)}.introContent{align-self:center;width:80vw}.homeTimelineContainer{width:30rem}.section90 h2{margin:.5rem}.textIntroContent{display:flex;flex-direction:column;z-index:2;animation:slide-in-left 1s cubic-bezier(.19,1,.22,1);animation-fill-mode:both;padding:0px 0px 0px 2rem;height:100%}.textIntroContent p{margin:0;padding:0;text-align:left}.textIntroContent h1{text-align:left}.introActionContent .horizontalDiv a{padding:30px}.introHeader{padding:0;margin:0}.roleLabel{text-align:end;font-weight:600;font-size:larger}.introActionContent{display:flex;flex-direction:column;z-index:2;animation:slide-in-right 1s cubic-bezier(.19,1,.22,1);animation-fill-mode:both;align-self:flex-start;padding:2.5rem 0 0}.introActionContent a{align-self:flex-end}.skillPanel{align-self:flex-start}.homeSkills{flex-wrap:wrap}.homeSkills .toolsBadge h1{font-size:1.1rem;font-weight:500;padding:5px;margin:auto;text-align:center}.homeSkills .toolsBadge p{font-size:1rem;text-align:center;margin:auto}.homeSkills .toolsBadge{background:transparent;padding:5px;height:100px;width:90px}.homeSkills .toolsBadge img{color:var(--inverted_bg_color);height:64px;width:auto;margin:auto}.invert-dark{filter:invert()}.introVideoWrapper{width:100%;height:var(--hero_height);top:0;left:0;z-index:-20;overflow:hidden;animation-fill-mode:both;position:absolute}.introVideo{width:100%;height:auto;filter:brightness(50%);object-fit:cover;z-index:-20}.homeEnd{display:flex;flex-direction:column;align-items:center;margin-top:25em;margin-bottom:25em}.homeEnd .horizontalDiv{margin-top:5em;width:25em}.horizontalDiv button{margin:1em}.horizontalDiv a{font-weight:600}@media(prefers-color-scheme:dark){.invert-dark{filter:none}}@media only screen and (max-width:768px){.introContent{flex-direction:column;align-items:center}.textIntroContent{align-items:center;margin:auto;padding:20px}.introActionContent{padding-top:15px;align-self:center;align-items:center}.introActionContent .horizontalDiv{width:100%;justify-content:center;text-align:center}.introActionContent{margin:auto;align-items:center;justify-content:center;padding:0}.introActionContent .horizontalDiv *{align-self:unset}}.worksSection{align-self:center;flex-shrink:1}.featured{display:flex}.workDescription{font-weight:500}.worksSection .workItem{min-width:250px!important}.workItem.flexRow img{max-width:70%}.workItem .projectMetaList .p{padding:8px;margin:.5rem!important}.projectMetaList{margin:.5rem 0 .25rem}.twoGrid{display:grid;grid-template-columns:1fr 1fr 1fr;animation:slide-in-down 1s ease .25s;animation-fill-mode:both}@media only screen and (max-width:768px){.workItem.flexRow{flex-direction:column}.workItem.flexRow img{max-width:unset}.worksSection{width:90vw}.twoGrid{grid-template-columns:1fr}}.worksMain{padding-top:50px}.longworksSection{width:85vw;max-width:1920px;margin:auto;padding-top:5vh;padding-bottom:15vh;animation:slide-in-down 1s ease}.longworksSection h1{padding:0 0 10px}.longworksSection p{font-weight:600;padding:0 0 25px}.threeGrid{display:grid;grid-template-columns:1fr 1fr 1fr;animation:slide-in-down 1s ease .25s;animation-fill-mode:both}@media only screen and (max-width:768px){.longworksSection{width:90vw}.threeGrid{grid-template-columns:1fr}}.portfolioSection{display:block;width:100%;animation:fade-in 1s cubic-bezier(.19,1,.22,1);animation-fill-mode:both}.portfolioSection h1{font-size:2rem}.portfolioSection p{font-size:1rem;white-space:pre-wrap}h1.not_animated{opacity:0}h1.animated{animation:slide-in-down 1s cubic-bezier(.19,1,.22,1);opacity:1}.mediaGallery{display:flex;flex-wrap:wrap;flex-direction:row;gap:10px}.mediaGallery img,.mediaGallery video{display:flex;border-radius:4px;border:1px var(--faded_border_color) solid;height:auto;max-width:100%;max-height:100%;object-fit:cover}.blogCenterParagraph h1{font-size:2.5rem;line-height:1.5;text-align:center}.blogCenterParagraph .textArea{align-self:center;max-width:50vw}.blogParagraph,.standardAlt{align-items:center;display:flex;gap:2rem;flex-direction:column;margin:auto;padding:1rem 0;text-align:center;width:50%;max-width:1920px}.blogParagraph h1{line-height:1.5;text-align:left}.blogParagraph h1,.blogParagraph p{margin:auto;padding:0}.blogParagraph .textArea{align-self:left;text-align:left}.blogParagraph img,.blogParagraph video{min-width:0;min-height:0;flex:1;max-height:50vh}.blogParagraph .mediaGallery{max-width:50vw}.standardAlt h1{text-align:left;padding:0;margin:0 50px 0 0;font-size:36px}.standardAlt p{max-width:50%;text-align:left}.standardAlt .textArea{display:flex;justify-content:flex-start;margin-bottom:50px}.standardAlt .mediaGallery img,.standardAlt .mediaGallery video{max-height:600px}.skillList{display:flex;justify-content:center;height:60vh;max-height:500px;margin-top:50px;max-width:1920px}.skillPanel{display:flex;flex-direction:column;padding:25px;border-radius:4px;background:linear-gradient(var(--bg_col),var(--sec_bg_col));margin:10px}.skillPanel{max-width:300px}.skillPanel h1{margin:0}.skillPanel p{margin-top:5px;max-width:70%}.skillPanel img{object-fit:contain;max-height:128px}.hero{margin:auto;width:100%;max-height:100vh}.hero .textArea{margin-top:4vh;margin-bottom:7vh}.hero h1{padding-bottom:5px}.hero h1,.hero p{width:80%;margin:auto}.hero .mediaGallery{margin-top:5vh;margin-bottom:5vh}.hero img,.hero video{width:100%;max-height:70vh;border:none;border-radius:0}.textLeft{display:flex;max-width:100%;margin:auto;padding:50px;border-top:1px solid var(--border_color);border-bottom:1px solid var(--border_color);box-shadow:var(--box-shadow-shading);border-radius:0;background:linear-gradient(var(--bar_bg_col),var(--bar_sec_bg_col))}.textLeft .textArea{max-width:25%;margin:auto 90px auto auto}.textLeft .textArea *{color:var(--sec_text_color)}.animated .textLeft .textArea p{animation:slide-in-right .5 ease-out}.textLeft img,.textLeft video{max-width:600px}.textLeft .mediaGallery{margin:0 auto 0 50px;max-width:60%;height:auto}.textInMedia{width:100%;display:flex;flex-direction:column;height:100vh;max-height:1600px}.textInMedia .mediaGallery{max-width:100%;width:100%;position:absolute;z-index:-1}.textInMedia video,.textInMedia img{border:none;border-radius:0;width:100%;height:100vh;max-height:1600px}.textInMedia *{color:var(--white-text-color)}.textInMedia .textArea{align-self:center;width:60%;height:100%;text-align:center;align-content:end;margin:50px}.tileList{display:flex;width:80vw;max-height:800px;gap:10px;justify-content:center}.tilePanel{display:flex;flex:1;flex-direction:column;border-radius:4px;background:linear-gradient(var(--sec_bg_col),var(--sec_bg_col2));box-shadow:var(--hard-drop-shadow);max-width:40rem;padding:0;max-height:50rem;overflow:hidden;text-align:left}.tileList .tilePanel h1{margin:0;padding:0rem 1rem;font-size:2rem;text-align:left}.tileList .tilePanel p{margin:0;padding:1rem;padding-top:0}.tilePanel .mediaGallery{height:100%;margin-bottom:1rem;padding:0}.tileList .tilePanel img,.tileList .tilePanel video{border-radius:0;margin:0;width:100%;height:25rem}.mediumMarginBottom{margin-bottom:125px}.largeMarginBottom{margin-bottom:250px}.whitespacenone{height:0}.whitespacesmall{height:5rem}.whitespacemedium{height:15rem}.whitespacelarge{height:30rem}@media only screen and (max-width:768px){.portfolioSection{max-width:100vw}p{font-size:unset}.blogParagraph,.blogCenterParagraph{width:90%}.mediaGallery{max-width:100%;flex-direction:column}.blogParagraph .mediaGallery{max-width:100%}.textLeft{flex-direction:column;justify-self:stretch;max-width:100%;margin:0}.textLeft .textArea{max-width:100%}.textLeft .mediaGallery{margin-top:50px;max-width:100%}.standardAlt{flex-direction:column;width:90%}.standardAlt .textArea{display:flex;flex-direction:column}.standardAlt .textArea p{max-width:100%}.tileList{flex-direction:column;max-height:100%;gap:50px}}.aboutMeSection{padding-top:10vh;min-height:80vh}.aboutMeSection h1{animation:slide-in-down 1s ease;animation-fill-mode:both}.aboutMeSection p{overflow:hidden;animation:slide-in-left 1s ease .5s;animation-fill-mode:both}.aboutMeSection img{float:left;margin:5vw;align-self:center;border-radius:5px;animation:slide-in-right 1s ease .5s;animation-fill-mode:both}@media only screen and (max-width:768px){.aboutMeSection img{float:unset}}.contactSection{padding-top:10vh;flex:1;min-height:80vh}.contactSection h1{animation:slide-in-down 1s ease;animation-fill-mode:both}.contactSection ul{padding-top:25px}.contactSection li{padding:5px;list-style:none;animation:slide-in-left 1s ease .5s;animation-fill-mode:both}.contactSection a{font-weight:600;font-size:large}.contactSection p{animation:slide-in-down 1s ease .25s;animation-fill-mode:both}footer{background:linear-gradient(var(--sec_bg_col) 0%,var(--sec_bg_col2) 100%);padding:50px 5vw;position:"relative";height:15rem;border-top:var(--faded_border_color) 1px solid}footer p{color:var(--faded_text_color)}.blogSection{padding-top:5%;width:70%}.blogList{display:flex;justify-content:stretch;flex-direction:row;flex-wrap:wrap}.blogList button:first-child{width:100%}.blogList button:not(:first-child){height:300px;width:40%}.blogSection{display:flex;flex-direction:column;margin:auto;width:60%;animation:fade-in 1s ease;animation-fill-mode:both;padding-top:50px;padding-bottom:50px}.blogSection img{align-self:center;justify-content:center;max-width:100%;max-height:100%;border-radius:8px;box-shadow:var(--box-shadow-shading);border:1px solid var(--faded_border_color)}.blogSection h1,.blogSection p{padding-bottom:15px}.blogSection h2{padding-bottom:5px}.blogSection p{font-size:16px}.blogSection img+em{color:var(--faded_text_color)}