html{--bg_col: #f5f5f5;--bg_col_transparent: #f5f5f50f;--bar_bg_col: #ffffff;--bar_sec_bg_col: #e7e7e7;--sec_bg_col: #f0f0f0;--sec_bg_col2: #dddddd;--acc_color: #f00f0f;--sec_acc_color: #ca0707;--text_color: #131313;--sec_text_color: #ffffff;--faded_text_color: #b1b1b1;--shadow_color: #0000001f;--shadow_color_strong: #0000006f}html.dark{--bg_col: #0e0e0e;--bg_col_transparent: #0e0e0e0f;--bar_bg_col: #131313;--bar_sec_bg_col: #111111;--sec_bg_col: #181818;--sec_bg_col2: #101010;--acc_color: #e20e0e;--sec_acc_color: #ca0707;--text_color: #F5EDED;--sec_text_color: #ffffff;--faded_text_color: #464646;--shadow_color: #0000001f;--shadow_color_strong: #0000006f}@font-face{font-family:"Exo 2";src:url(/fonts/Exo2-Regular.ttf);font-weight:400}@font-face{font-family:"Exo 2";src:url(/fonts/Exo2-Bold.ttf);font-weight:700}@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%}}*{padding:0;margin:0;font-family:"Exo 2",sans-serif}header{height:50px}.pageContent{padding-top:50px}img,video{max-width:100%;max-height:100%}a{color:var(--acc_color);text-decoration:none}h1{color:var(--acc_color);padding:25px 0;font-family:"Exo 2";font-weight:600;font-size:32px}p{color:var(--text_color)}button{background:linear-gradient(#fff,#e8e8e8);border:#8c8c8c 1px solid;border-radius:5px;color:#484848;font-weight:300;transition:.5s;padding:.8em 1.6em}button a{color:var(--sec_text_color)}button:hover{transform:scale(1.05)}button.action{background:linear-gradient(var(--acc_color),var(--sec_acc_color));border:var(--sec_acc_color) 1px solid;color:var(--sec_text_color);font-weight:300}button.action2{background:transparent;border:var(--sec_acc_color) 1px solid;color:var(--sec_acc_color);font-weight:300}.horizontalDiv{display:flex;flex-direction:row}.imagePanelButton{background:none;border:#8c8c8c 1px solid}.section70{width:80vw;margin:auto}@media only screen and (max-width: 768px){h1{font-size:25px}.horizontalDiv{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{color:#fff;display:flex;align-items:center;height:100%;background:linear-gradient(var(--bar_bg_col) 0%,var(--bar_sec_bg_col) 100%);border-bottom:var(--sec_bg_col2) 1px solid}nav ul{list-style:none;text-align:end;align-content:center}nav ul li{display:inline}.navLink{padding:0 3vw;font-weight:400;color:var(--text_color);transition:all .25s}.navLink:hover{color:var(--acc_color)}.logoContainer{padding:0 5vw;flex-grow:1}.logoText{font-weight:600;color:var(--acc_color);transition:all .25s}.logoText:hover{font-weight:600;color:var(--acc_color)}.themeSwitch{background:transparent;border:none;padding:0px 3vw;align-items:center}.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{display:flex;background:transparent;align-items:center;height:90vh;padding:0 12vw;z-index:2}.textIntroContent{display:flex;flex-direction:column;z-index:2;animation:slide-in-left 1s;animation-fill-mode:both}.textIntroContent p{margin:0;padding:0;color:var(--sec_text_color);text-shadow:var(--shadow_color_strong) 2px 2px 10px}.textIntroContent h1{margin:5px;text-shadow:var(--shadow_color_strong) 2px 2px 10px}.introHeader{padding:0;margin:0}.roleLabel{text-align:end;font-weight:600;font-size:larger;text-shadow:var(--shadow_color_strong) 2px 2px 10px}.flexSpacer{flex-grow:1}.introActionContent{display:flex;flex-direction:column;z-index:2;animation:slide-in-right 1s ease;animation-fill-mode:both}.introActionContent a{padding-top:25px;align-self:flex-end;text-shadow:var(--shadow_color_strong) 2px 2px 10px}.homeCtaButton{font-size:x-large;box-shadow:var(--shadow_color_strong) 0 0 15px}.homeCtaButton:hover{filter:brightness(120%);box-shadow:var(--acc_color) 0 0 50px}.introVideoWrapper{width:100%;position:absolute;top:0;bottom:0;z-index:0;overflow:hidden;animation:fade-in 1s ease .25s;animation-fill-mode:both}.introVideo{width:100%;height:100%;filter:brightness(50%);object-fit:cover;z-index:0}.homeEnd{display:flex;flex-direction:column;align-items:center;margin-top:250px;margin-bottom:250px}.horizontalDiv button{margin:20px}.horizontalDiv a{font-weight:600;margin:auto}@media only screen and (max-width: 768px){.homeIntro{display:flex;flex-direction:column;flex-grow:1;padding:50vw 12vw 0}.textIntroContent{align-self:center}.flexSpacer{flex-grow:.5}.introActionContent a{padding-top:15px;align-self:center}}.worksSection{width:90vw;margin:auto;padding-top:15vh}.twoGrid{display:grid;grid-template-columns:1fr 1fr}@media only screen and (max-width: 768px){.worksSection{width:90vw}.twoGrid{grid-template-columns:1fr}}.longworksSection{width:80vw;margin:auto;padding-top:5vh;padding-bottom:5vh;animation:slide-in-down 1s ease}.threeGrid{display:grid;grid-template-columns:1fr 1fr 1fr;animation:slide-in-down 1s ease .25s;animation-fill-mode:both}.imagePanelButton{display:flex;flex-grow:1;flex-direction:column;margin:15px;padding:20px;height:360px;color:var(--sec_text_color);text-shadow:#000 0px 0px 4px;transition:all .5s;align-items:end}.imagePanelButton h3{font-size:x-large;text-align:center;padding:0 0 5px;margin:auto auto 0}.imagePanelButton p{text-align:center;font-size:medium;color:var(--sec_text_color);text-shadow:#000 0px 0px 4px;font-weight:550;margin:0 auto 10px}.imagePanelButton:hover{transform:scale(1.03);border:var(--acc_color) 3px solid;filter:brightness(1.2);box-shadow:0 0 50px #00000040}@media only screen and (max-width: 768px){.longworksSection{width:90vw}.threeGrid{grid-template-columns:1fr}}.portfolioSection{display:block;margin:auto;max-width:60vw;animation:fade-in 1s ease;animation-fill-mode:both}.portfolioSection p{font-size:large}.blogParagraph{display:flex;flex-direction:column;padding:10px 0}.mediaGallery{display:flex;max-width:100%;align-self:center;align-content:center;flex-wrap:wrap;flex-direction:column;margin-top:5vh;margin-bottom:5vh}.mediaGallery img,.mediaGallery video{display:flex;border-radius:10px;border:1px var(--sec_bg_col) solid;margin:2cap;max-height:550px;align-self:center}@media only screen and (max-width: 768px){.portfolioSection{max-width:80vw}}.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:10vh;border-top:var(--sec_bg_col) 1px solid}footer p{color:var(--faded_text_color)}