code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary:#0a3542;--secondary:#dad7c5;--text-primary:var(--secondary);--text-primary-accent:var(--secondary-accent);--text-primary-accent-secondary:var(--secondary-accent-secondary);--transition-delay:0.35s}.App{align-content:center;align-items:center;display:flex;justify-content:center;transition:background-color .35s ease-in-out,color .35s ease-in-out,background-color .35s ease-in-out,color .35s ease-in-out,fill .35s ease-in-out;transition:background-color var(--transition-delay) ease-in-out,color var(--transition-delay) ease-in-out,background-color var(--transition-delay) ease-in-out,color var(--transition-delay) ease-in-out,fill var(--transition-delay) ease-in-out}.App,html{background-color:#0a3542;background-color:var(--primary)}.bodyText{font-size:1.25rem}h1{font-size:3em}h1,h2{color:#dad7c5;color:var(--text-primary);font-family:RobotoSlab,sans-serif}h2{font-size:2em}.pageContainer{justify-content:center}.innerPageContainer,.pageContainer{align-items:center;display:flex;flex-direction:column;height:100dvh;width:100%}.innerPageContainer{overflow-y:auto;position:relative}.noSelect{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}a:link{color:#a1c6d2;transition:.2s}a:visited{color:#70a2ff;transition:.2s}a:hover{color:#9adeff;transition:.2s}a:active{color:#2c2c96;transition:.2s}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--primary-accent)}::-webkit-scrollbar-thumb{background:#dad7c5;background:var(--secondary)}::-webkit-scrollbar-thumb:hover{background:var(--secondary-accent)}@media only screen and (max-width:1024px){::selection{background:none;color:#0000}::-moz-selection{background:none;color:#0000}body,html{overflow:hidden}.innerPageContainer{align-items:center;display:flex;flex-direction:column;width:100%}.bodyText{font-size:min(4.5vw,18px)}}@font-face{font-family:RobotoSlab;font-weight:100 900;src:url(/static/media/RobotoSlab-VariableFont_wght.24c71ebd53c3ed50accb.ttf) format("woff2 supports variations"),url(/static/media/RobotoSlab-VariableFont_wght.24c71ebd53c3ed50accb.ttf) format("woff2-variations")}@font-face{font-family:TitilliumWeb-Regular;font-weight:400;src:url(/static/media/TitilliumWeb-Regular.e53e0538893d432e0635.ttf) format("woff2 supports variations"),url(/static/media/TitilliumWeb-Regular.e53e0538893d432e0635.ttf) format("woff2-variations")}@font-face{font-family:TitilliumWeb-Italic;font-style:italic;font-weight:400;src:url(/static/media/TitilliumWeb-Italic.2531c8e38e14389edc51.ttf) format("woff2 supports variations"),url(/static/media/TitilliumWeb-Italic.2531c8e38e14389edc51.ttf) format("woff2-variations")}@font-face{font-family:TitilliumWeb-Bold;font-weight:700;src:url(/static/media/TitilliumWeb-Bold.a267a8b6b783d7d62039.ttf) format("woff2 supports variations"),url(/static/media/TitilliumWeb-Bold.a267a8b6b783d7d62039.ttf) format("woff2-variations")}@font-face{font-family:TitilliumWeb-SemiBold;font-weight:auto;src:url(/static/media/TitilliumWeb-SemiBold.d4d3eeb6e2367e6796c3.ttf) format("woff2 supports variations"),url(/static/media/TitilliumWeb-SemiBold.d4d3eeb6e2367e6796c3.ttf) format("woff2-variations")}@font-face{font-family:TitilliumWeb-Light;font-weight:auto;src:url(/static/media/TitilliumWeb-Light.2b8d1521998c2d55bb51.ttf) format("woff2 supports variations"),url(/static/media/TitilliumWeb-Light.2b8d1521998c2d55bb51.ttf) format("woff2-variations")}.navbar{align-content:center;background-color:var(--primary-accent);border-radius:10px;display:flex;flex-direction:column;height:60px;justify-content:center;position:fixed;text-align:center;top:15px;transition:var(--transition-delay);width:calc(100% - 30px);z-index:5}.logo-fill{fill:var(--secondary)}.navbarContainer div{color:var(--secondary)}.navbarContent{height:70%}.navbarLinks{border-bottom:0 solid #f5f5f5;display:flex;flex-direction:row;font-family:TitilliumWeb-Regular,sans-serif;font-size:25px;gap:75px;justify-content:start;margin-left:45px;transform:scale(1);transition:.2s;width:450px;z-index:2}.navIcon{height:100%;width:auto}.link{cursor:pointer;filter:invert(74%) sepia(2%) saturate(13%) hue-rotate(6deg) brightness(95%) contrast(79%);transition:.2s}.link:hover{filter:invert(100%) sepia(0) saturate(0) hue-rotate(79deg) brightness(103%) contrast(103%);transform:scale(1.15);transition:.2s}.navbarContainer{align-items:center;display:flex;flex-direction:row;height:100%;justify-content:flex-end;width:100%}.logoDiv{display:flex;justify-content:center;position:absolute;width:100%}.logo{height:35px;transform:rotate(0deg);transition:filter .4s,transform 0s;z-index:3}@media (hover:hover){.logo:hover{cursor:pointer;filter:invert(75%);transition:.4s}}.logo:active{cursor:pointer;filter:invert(50%);transition:.4s}.socialLink{filter:var(--filter-secondary);height:30px;transition:.3s;z-index:10}.socialLinks{cursor:pointer;display:flex;flex-direction:row;gap:25px;justify-content:space-evenly;margin:0 20px 0 0}.linkedIn:hover{filter:invert(28%) sepia(97%) saturate(1165%) hue-rotate(176deg) brightness(96%) contrast(98%)}.linkedIn:hover,.mail:hover{transform:scale(1.1);transition:.2s}.mail:hover{filter:invert(68%) sepia(50%) saturate(7354%) hue-rotate(78deg) brightness(112%) contrast(111%)}.orcid:hover{filter:invert(72%) sepia(57%) saturate(501%) hue-rotate(30deg) brightness(96%) contrast(91%);transform:scale(1.1);transition:.2s}.navbarTitle{font-family:RobotoSlab,sans-serif;font-size:2rem;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important;left:20px;position:absolute;text-align:start;width:calc(50% - 60px)}.navbarTitle div{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}@media only screen and (max-width:1024px){.navbar{height:55px}.logo{height:30px;transition:var(--transition-delay)}.navbarLinks{margin-left:15px}.linkedIn,.mail,.orcid{height:22px!important}.socialLinks{gap:15px;margin:0 15px 0 0}.navbarTitle{font-size:1.25rem;left:15px;opacity:.75;position:absolute}}.navbarBubble{align-items:center;background-color:var(--primary-accent);border-radius:0 0 60px 60px;display:flex;height:75px;justify-content:center;-webkit-mask-image:linear-gradient(180deg,#0000 50%,#000 0);mask-image:linear-gradient(180deg,#0000 50%,#000 0);opacity:0;position:fixed;transform:translateY(-15px) scale(.25);transition:.3s;width:75px;z-index:1}.navbarBubbletrue{opacity:1;transform:translateY(-30px) scale(6);transition:.3s}.circle-container{border-radius:50%;height:50px;position:relative;width:50px}.circle-image{aspect-ratio:1/1;cursor:pointer;filter:var(--filter-secondary);height:8px;position:absolute;transform:scale(1);transition:.3s;width:8px}.circle-image:hover{filter:var(--filter-secondary-accent);transform:scale(1.1);transition:.3s}@media screen and (max-device-width:640px){.navbarBubble{transform:translateY(-15px) scale(.25)}.navbarBubbletrue{transform:translateY(0) scale(4.5)}}@media screen and (max-device-width:1400px) and (min-device-width:640px){.navbarBubble{transform:translateY(0) scale(.25)}.navbarBubbletrue{transform:translateY(-30px) scale(6)}}.homeInfoContainer{align-items:center;display:flex;flex-direction:column;flex-grow:2;gap:25px;justify-content:center;width:85%}.infoText1{color:var(--text-primary);font-family:RobotoSlab,sans-serif;font-size:5vmin;font-weight:750;transition:.2s}.infoTexttrue{font-size:3vmin;margin-top:-80px!important;opacity:0!important;transition:.3s}.infoText2{color:var(--text-primary);font-family:RobotoSlab,sans-serif;font-size:2vmin;font-weight:300;transition:.2s}.emptySquare{height:35vmin;position:absolute;width:35vmin}.homeImage{border:calc(2px*(1 - var( --scroll-position, 0))) solid var(--secondary);border-radius:20px;border-radius:calc(20px + (50% - 20px)*var(--scroll-position, 0));cursor:pointer;filter:grayscale(100%);opacity:0;position:-webkit-sticky;position:sticky;top:17.5vmin;top:calc(17.5vmin - (17.5vmin - 27px)*var(--scroll-position, 0));transform:scale(1);transition:transform .5s,border-radius .5s,filter .5s;width:35vmin;width:calc(35vmin - (35vmin - 10px)*var(--scroll-position, 0));z-index:10}@keyframes pulse{0%{transform:scale(1)}4%{transform:scale(1.025)}8%{transform:scale(1)}12%{transform:scale(1.025)}16%{transform:scale(1)}to{transform:scale(1)}}@media (hover:hover){.homeImageHoverfalse:hover{filter:grayscale(50%);transform:scale(1.05)!important}.homeImageHoverfalse:hover,.homeImageHovertrue:hover{transition:transform .5s,border-radius .5s,filter .5s}.homeImageHovertrue:hover{filter:grayscale(0);transform:scale(.85)!important}}.homeImageHoverfalse:active,.homeImageHovertrue:active,.homeImagetrue{filter:grayscale(0);transition:transform .5s,border-radius .5s,filter .5s}.homeImagetrue{border:calc(10px - 5px*var(--scroll-position, 0)) solid var(--primary-accent);border-radius:50%;margin-top:0;transform:scale(.8)!important;transform:scale(calc(.8 + var(--scroll-position, 0)*.2))!important}@media screen and (max-device-width:640px){.homeInfoContainer{flex-direction:column;justify-content:center;width:100%}.infoText1{font-size:min(10vw,65px);text-align:center}.infoTexttrue{font-size:min(3vw,65px)!important;margin-top:-65px!important;transform:translateY(-100px)!important}.infoText2{font-size:min(5vw,16px)}.amongText,.artistText,.developerText,.infoText3{font-size:min(7vw,50px);text-align:center}.homeImage{left:0;left:calc((50% - 6px)*var(--scroll-position, 0));top:35vw;top:calc(35vw - (35vw - 28px)*var(--scroll-position, 0));width:70vw!important;width:calc(70vw - (70vw - 8px)*var(--scroll-position, 0))!important}.homeImagetrue{margin-top:0!important}.homeImagetrue,.homeImagetrue:active,.homeImagetrue:hover{border:calc(10px - 3px*var(--scroll-position, 0)) solid var(--primary-accent);margin-top:0!important;transform:scale(.4)!important;transform:scale(calc(.4 + var(--scroll-position, 0)*.6))!important}.homeImagetrue:active{width:35vw!important;width:calc(35vw - (35vw - 10px)*var(--scroll-position, 0))!important}}.projectContent,.projectContenttrue{align-items:center;background-color:var(--primary-accent);border-radius:10px;cursor:pointer;display:flex;flex-direction:row;justify-content:center;max-width:85%;padding:35px 0;transform:scale(1);transition:.3s}.projectContenttrue{padding:0!important}.projectContent:hover{filter:brightness(.8);transform:translateX(0) scale(1.05);transition:.3s}.projectImg{border-radius:25px;height:20vw}.projectText{color:var(--text-primary);display:flex;flex-direction:column;margin-left:45px;width:55%}.projectTitle{color:var(--text-primary);font-family:RobotoSlab,sans-serif;font-size:5vw;font-weight:700}.projectDesc{color:var(--text-primary-accent);font-family:TitilliumWeb-Regular,sans-serif;font-size:1.5vw;margin-top:20px}@media screen and (max-device-width:640px){.projectContent,.projectContenttrue{flex-direction:column}.projectImg{height:auto;margin-bottom:25px;width:70%}.projectText{margin-left:0;text-align:center;width:75%}.projectTitle{font-size:11vw}.projectDesc{font-size:4.55vw;margin-top:10px}}@media screen and (max-device-width:1400px) and (min-device-width:640px){.projectContent{flex-direction:column}.projectImg{height:auto;margin-bottom:25px;width:40%}.projectText{margin-left:0;text-align:center;width:75%}.projectTitle{font-size:6vw}.projectDesc{font-size:2.5vw;margin-top:10px}}.projectPageContainer{padding-bottom:50px;padding-top:100px;text-align:start;width:max(55%,550px)}.projectPageTitle{margin-top:25px}.projectPageIntro{background-color:var(--primary-accent);border-radius:10px;color:var(--text-primary);font-family:TitilliumWeb-Regular,sans-serif;font-size:1.5em;margin-bottom:35px;padding:15px 30px;text-align:center;width:100%}.projectPageImg{border-radius:25px;width:300px}.projectPageLogoContainer{align-items:center;display:flex;flex-direction:column;width:100%}.projectPageContainer h1{color:var(--text-primary);font-family:RobotoSlab,sans-serif;font-size:2.5em;font-weight:800}.projectPageContainer h2{font-size:1.6em}.projectPageContainer h2,.projectPageContainer h3{color:var(--text-primary);font-family:RobotoSlab,sans-serif;font-weight:550;margin-top:45px}.projectPageContainer h3{font-size:1em}.projectPageDesc,.projectPageSkills,.projectPageTitleContainer div{font-family:TitilliumWeb-Regular,sans-serif;margin-top:30px}.projectPageDesc,.projectPageSkills{color:var(--text-primary)}.projectPageTitle{margin-bottom:25px}.projectPageDesc{margin-bottom:30px}.screenshots{grid-gap:10px;align-content:stretch;align-items:stretch;display:flex;flex-wrap:wrap;grid-column:1/-1;justify-content:center;margin-left:-27.5%;width:calc(100svw - 27.5%)}.screenshot{align-self:auto;border-radius:7px;cursor:pointer;filter:brightness(100%);flex-basis:auto;flex-grow:0;flex-shrink:1;height:20vw;object-fit:cover;transition:.4s;-webkit-user-select:none;user-select:none;width:auto}.screenshot:hover{filter:brightness(70%);transition:.2s}.screenshot:active{transition:.4s}.projectSwitcher{align-items:center;background-color:var(--primary-accent);border-radius:10px;color:var(--text-primary);display:flex;font-size:1.2em;justify-content:space-between;margin:0 -40px 20px;padding:15px;text-align:center}.switcherTitle{font-family:RobotoSlab,sans-serif;font-size:2.75em;font-weight:700}.projectButton{background-color:var(--secondary);border-radius:50%;height:30px;margin:15px;width:30px}.projectButton,.projectSwitcherInner{align-items:center;display:flex;justify-content:center}.projectSwitcherInner{flex-direction:row;transition:.3s}.projectSwitcherInner:hover{cursor:pointer;filter:brightness(50%);transform:scale(1.1);transition:.3s}.openScreenshot{border-radius:10px;height:auto;margin-bottom:15px;max-height:85dvh;max-width:85vw}@media screen and (max-device-width:640px){.projectPageContainer{padding-top:85px;width:80vw}.projectPageLogoContainer{flex-direction:column;height:auto;margin-bottom:35px}.projectPageTitleContainer{margin-left:0}.projectPageTitleContainer h1{margin:35px 0 20px}.projectPageContainer h1{font-size:2em}.projectPageContainer h2{font-size:1.7em}.projectPageImg{height:auto;width:100%}.projectPageIntro{font-size:20px;width:90%}.projectPageDesc,.projectPageSkills{margin-bottom:35px;width:100%}.screenshots{margin-left:-9vw;width:98vw}.screenshot{height:auto;width:45%}.projectSwitcher{font-size:min(4.5vw,16px);height:auto;margin:0 -20px 20px;padding:10px;transition:.3s}.switcherTitle{font-size:6vw;padding:0 20px;transform:translateX(5px)}.projectButton{margin:5px}}@media screen and (max-device-width:1400px){.openScreenshot{height:auto!important}}.timelineContainerfalse,.timelineContainertrue{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:space-between;width:55%}.timelineContainerfalse{height:auto;transition:height .5s ease}.timelineContainertrue{height:-webkit-max-content;height:max-content;transition:height .5s ease}.timelineContainer h2{font-size:3em;margin-bottom:40px}.circleContainer:last-child{margin-bottom:75px}.gapLine{background-color:var(--primary-accent);height:125px;margin-bottom:-50px;margin-top:-50px;pointer-events:none;width:4px;z-index:0}@media screen and (max-device-width:640px){.timelineContainer{width:80%}}.leftCircleContainer,.rightCircleContainer{align-items:center;display:flex;padding:20px}.leftCircleContainer{flex-direction:row-reverse;margin-left:-300px}.rightCircleContainer{flex-direction:row;margin-left:300px}.circle{align-items:center;animation:showCircle .5s;border:2px solid var(--text-primary);border-radius:50%;cursor:pointer;display:flex;filter:grayscale(50%);height:80px;justify-content:center;margin:25px;transition:.3s;width:80px;z-index:2}@keyframes showCircle{0%{height:0;width:0}to{height:80px;width:80px}}.expandCircle{animation:none!important;height:50px;width:50px}@keyframes showExpandCircle{0%{height:50px;width:50px}to{height:50px;width:50px}}.circle:hover{height:90px;transition:.3s;width:90px}.leftCircleText,.rightCircleText{animation:showText .5s;color:var(--text-primary-accent);width:300px;z-index:1}@keyframes showText{0%{opacity:0}to{opacity:1}}.leftCircleText{text-align:right}.circleTitle{color:var(--text-primary);font-size:1.25em;font-weight:750;margin-top:10px}.circleCompany,.circleTitle{font-family:RobotoSlab,sans-serif;pointer-events:none}.circleCompany{color:var(--text-primary-accent);font-size:1em;font-weight:550;margin-bottom:10px}.circleDesc{color:var(--text-primary-accent-secondary);font-size:.9em;height:0;opacity:0;pointer-events:none}.circleDesc,.timeRange{font-family:TitilliumWeb-Regular,sans-serif}.timeRange{color:var(--text-primary-accent);font-size:.85em;margin-top:10px}@media screen and (max-device-width:640px){.circle{animation:showCircle .5s;height:50px;margin:15px;width:50px}@keyframes showCircle{0%{height:0;width:0}to{height:50px;width:50px}}.expandCircle{animation:showExpandCircle .5s;height:35px;width:35px}@keyframes showExpandCircle{0%{height:0;width:0}to{height:35px;width:35px}}.circle:hover{height:60px;width:60px}.circleTitle{font-size:3.7vw}.circleCompany{font-size:3.5vw}.circleDesc{font-size:3.3vw}.leftCircleText,.rightCircleText{color:#fff;width:130px}.leftCircleContainer,.rightCircleContainer{padding:0}.leftCircleContainer{flex-direction:row-reverse;margin-left:-130px}.rightCircleContainer{flex-direction:row;margin-left:130px}.gapLine{background-color:#939393;height:150px;width:4px;z-index:0}.timeRange{font-size:3.2vw}}.imgLocContainer{flex-direction:row;width:25%;z-index:0}.imgLocContainer,.locPhotoContainer{align-items:center;display:flex;justify-content:center}.locPhotoContainer{flex-direction:column}.locationDiv{align-items:center;display:flex;flex-direction:row;margin-top:-75px;opacity:0;pointer-events:none;z-index:0}.locationPin{filter:invert(11%) sepia(78%) saturate(6848%) hue-rotate(359deg) brightness(50%) contrast(110%);margin-right:10px;width:20px}.locationName{color:var(--text-primary);font-family:TitilliumWeb-Regular,sans-serif;font-size:1.65vw}.locImg{border-radius:20px;cursor:pointer;filter:grayscale(100%);transition:.5s;width:100%;z-index:1}.locImg:hover{filter:grayscale(0);transition:.5s}@media screen and (max-device-width:640px){.locPhotoContainer{width:100%}.imgLocContainer{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-left:0;width:80%}.locImg{margin-bottom:50px;max-width:400px}}.homeBubbleText{color:var(--text-primary);filter:brightness(1)!important;font-family:RobotoSlab,sans-serif;font-size:1.85vmin;margin-top:0;transition:.3s;z-index:-1}.homeBubbleTexttrue{margin-top:13vmin;transition:.3s}.bubbleFill,.icon,.iconContainer{-webkit-touch-callout:none;-webkit-user-select:none}.bubbleFill,.iconContainer{align-items:center;background:var(--primary-accent);border-radius:50%;display:flex;height:10vmin;justify-content:center;position:absolute;transition:.5s;width:10vmin}.bubbleFill:hover,.iconContainer:hover{cursor:pointer;transition:.5s}.bubbleFill:hover{filter:brightness(.8)}.icon{filter:var(--filter-secondary);position:fixed;transition:.5s;width:5.5vmin;z-index:2}.icon1{animation:spin1 30s linear infinite reverse;opacity:1}.icon2{animation:spin2 30s linear infinite reverse}.icon3{animation:spin3 30s linear infinite reverse}.icon4{animation:spin4 30s linear infinite reverse}.icon:hover{cursor:pointer;filter:var(--filter-secondary-accent);transform:scale(1.1);transition:.2s}.outerSpinningSquare{opacity:0;transform:scale(.75)}.outerSpinningSquare,.spinningSquare{align-items:center;display:flex;height:100px;justify-content:center;position:absolute;width:100px}.spinningSquare{animation:spin 30s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin1{0%{transform:translate(-15vmin,-15vmin) rotate(0deg)}to{transform:translate(-15vmin,-15vmin) rotate(1turn)}}@keyframes spin2{0%{transform:translate(15vmin,-15vmin) rotate(0deg)}to{transform:translate(15vmin,-15vmin) rotate(1turn)}}@keyframes spin3{0%{transform:translate(15vmin,15vmin) rotate(0deg)}to{transform:translate(15vmin,15vmin) rotate(1turn)}}@keyframes spin4{0%{transform:translate(-15vmin,15vmin) rotate(0deg)}to{transform:translate(-15vmin,15vmin) rotate(1turn)}}@media screen and (max-device-width:640px){.iconContainer:hover{background:#4c4c4c;cursor:pointer;transition:.5s}}.scrollingContainer{display:inline-block}.scrollingWelcomeContainer{align-items:center;display:flex;flex-direction:column;height:calc(100dvh - 90px);padding-top:90px;width:100%}@media screen and (max-device-width:640px){.scrollingWelcomeContainer{align-items:center;display:flex;flex-direction:column;height:calc(100dvh - 85px);padding-top:85px;width:100%}}.allProjectDisplayContainer{align-items:center;display:grid;grid-template-columns:repeat(2,1fr);justify-content:center;margin-top:50px}.projectDisplayContainer:nth-child(odd){justify-self:end}.projectDisplayContainer:nth-child(2n){justify-self:start}.projectDisplayContainer{align-items:center;aspect-ratio:1;background-color:var(--primary-accent);border-radius:25px;box-shadow:0 2px 5px #00000080;display:flex;flex-direction:column;height:auto;justify-content:center;padding:30px;scroll-margin-top:125px;transition:all var(--transition-delay);width:40%}.projectDisplayContainer img{aspect-ratio:1;border-radius:15px;height:auto;width:100%}.projectDisplayContainer h1{font-size:1.25em;text-align:center}.projectDisplayContainer:hover{cursor:pointer;filter:brightness(.8);scale:1.05!important;transition:all var(--transition-delay)}.rotate-shake-animation{animation:rotate-shake .5s ease-in-out}@keyframes rotate-shake{0%,to{transform:rotate(0deg);transform:rotate(var(--start-rotation,0deg))}25%{transform:rotate(-8deg);transform:rotate(calc(var(--start-rotation, 0deg) - 8deg))}50%{transform:rotate(8deg);transform:rotate(calc(var(--start-rotation, 0deg) + 8deg))}75%{transform:rotate(-4deg);transform:rotate(calc(var(--start-rotation, 0deg) - 4deg))}}@media screen and (max-device-width:640px){.allProjectDisplayContainer{display:flex;flex-direction:column}.projectDisplayContainer{width:calc(100% - 150px)}}.projectSlide,.projectSlidetrue{align-items:center;color:var(--secondary);display:flex;height:100svh;justify-content:center;overflow:hidden;width:100%}.projectSlidetrue{height:calc(70svh - 100px)}.projectContainer,.projectContainertrue{align-items:center;bottom:75px;display:flex;height:100svh;width:100%}.projectContainertrue{height:calc(70svh - 100px)!important;margin-left:calc(50% - 50vw);width:calc(100vw - 10px)}.carousel,.carouseltrue{height:100svh;left:0;overflow:hidden;position:relative;top:0;width:100%}.carouseltrue{height:calc(70svh - 100px)!important}
/*     !*max-height: 100%;*!*/
/*     !*width: auto; !*100vw*!*!*/.arrow{filter:var(--filter-primary-accent);height:15px;margin-left:1px}.arrowBack{margin-left:-4px;transform:rotateY(180deg)}.buttonBack___1mlaL,.buttonNext___2mOCa{align-items:center;border:none;border-radius:50%;display:flex;height:30px;justify-content:center;position:absolute;top:calc(50% - 15px);transition:.2s;width:30px}.buttonBack___1mlaL:hover,.buttonNext___2mOCa:hover{filter:brightness(50%);transform:scale(1.2)}.buttonBack___1mlaL{background-color:var(--secondary);left:20px}.buttonNext___2mOCa{background-color:var(--secondary);right:20px}.slideInner___2mfX9{height:100vh!important}.dotContainer{bottom:2%;display:flex;flex-direction:row;gap:12px;justify-content:space-between;left:50%;position:absolute;transform:translate(-50%)}.dot___3c3SI{background-color:var(--secondary-accent);border:none;border-radius:50%;height:15px;padding:0;transition:.2s;width:15px}.carousel__dot--selected{background-color:var(--secondary);padding:0;transform:scale(1.4);transition:.2s}.dot___3c3SI:hover{background-color:var(--secondary-accent);filter:brightness(50%);padding:0;transform:scale(1.2)}.carousel__dot--0{left:40%;padding:0}.carousel__dot--2{left:60%;padding:0}.lightDarkBtn{background:var(--primary-accent);border:none;border-radius:20px;cursor:pointer;filter:brightness(100%);font-size:50px;outline:none;padding:10px 20px}.lightDarkBtn,.lightDarkBtn:hover{transition:var(--transition-delay)}.lightDarkBtn:hover{filter:brightness(110%)}@media only screen and (max-width:640px){.carousel,.projectContainer,.projectSlide{height:100svh;overflow:hidden;overscroll-behavior:none}.carouseltrue,.projectContainertrue,.projectSlidetrue{height:calc(95svh - 60px)!important}.carousel{top:0}.dotContainer{gap:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.dotContainertrue{bottom:calc(50svh - 57.5px);flex-direction:column;left:auto;right:2%}}.lassiImg{background-color:#fff;padding:20px}@media only screen and (max-width:640px){.lassiImg{width:100%}}.buttonBack___1mlaL,.buttonFirst___2rhFr,.buttonLast___2yuh0,.buttonNext___2mOCa,.buttonNext___3Lm3s,.dot___3c3SI{cursor:pointer}.image___xtQGH{display:block;height:100%;width:100%}.spinner___27VUp{animation-duration:1s;animation-iteration-count:infinite;animation-name:spin___S3UuE;animation-timing-function:linear;border:4px solid #a9a9a9;border-radius:30px;border-top-color:#000;height:30px;left:calc(50% - 15px);position:absolute;top:calc(50% - 15px);width:30px}@keyframes spin___S3UuE{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.container___2O72F{height:100%;overflow:hidden;position:relative;width:100%}.overlay___IV4qY{bottom:0;cursor:zoom-in;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s,transform .3s}.hover___MYy31,.loading___1pvNI,.zoom___3kqYk{opacity:1}.imageLoadingSpinnerContainer___3UIPD{background-color:#f4f4f4;bottom:0;left:0;position:absolute;right:0;top:0}.slide___3-Nqo{box-sizing:border-box;display:block;height:0;list-style-type:none;margin:0;position:relative}.slide___3-Nqo:focus{outline:none!important}.slideHorizontal___1NzNV{float:left}[dir=rtl] .slideHorizontal___1NzNV{direction:rtl;transform:scaleX(-1)}.slideInner___2mfX9{height:100%;left:0;position:absolute;top:0;width:100%}.focusRing___1airF{bottom:5px;left:5px;outline-color:Highlight;outline-style:solid;outline-width:5px;pointer-events:none;position:absolute;right:5px;top:5px}@media (-webkit-min-device-pixel-ratio:0){.focusRing___1airF{outline-color:-webkit-focus-ring-color;outline-style:auto}}.horizontalSlider___281Ls{overflow:hidden;position:relative}[dir=rtl] .horizontalSlider___281Ls{direction:ltr;transform:scaleX(-1)}.horizontalSliderTray___1L-0W{overflow:hidden;width:100%}.verticalSlider___34ZFD{overflow:hidden;position:relative}.verticalSliderTray___267D8{overflow:hidden}.verticalTray___12Key{float:left}.verticalSlideTrayWrap___2nO7o{overflow:hidden}.sliderTray___-vHFQ{display:block;list-style:none;margin:0;padding:0}.sliderAnimation___300FY{transition:transform .5s;transition-timing-function:cubic-bezier(.645,.045,.355,1);will-change:transform}.masterSpinnerContainer___1Z6hB{background-color:#f4f4f4;bottom:0;left:0;position:absolute;right:0;top:0}.mediaDesc{color:var(--text-primary);font-family:TitilliumWeb-Regular,sans-serif;margin-bottom:25px}.mediaContainer{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:160px;padding-bottom:50px;width:max(55%,500px);z-index:0}.mediaContainer h2{text-align:start;width:100%}.mediaAlbumTitle{margin-top:50px}.mediaTitle h2{margin-bottom:25px;margin-top:75px}.mediaCarouselGrid{display:flex;flex-wrap:wrap;gap:25px;justify-content:center}.gridItem{align-items:center;border-radius:15px;display:flex;filter:brightness(100%);text-align:center;transition:.3s}.mediaImg{border-radius:10px;transition:.2s;width:16vw}.mediaImg:hover{cursor:pointer;filter:brightness(75%);transform:scale(1.025);transition:.2s}.mediaImgNoBrightness:hover{filter:invert(75%)}.mediaCarouselContainer,.mediaPosterCarouselContainer{height:600px;width:600px}.mediaPosterCarouselContainer{height:700px}.mediaSlide{align-items:flex-start;color:#fff;display:flex;height:100%;justify-content:center;max-height:100vh;width:auto}.mediaCarousel{position:relative}.albumSlide{transition:.2s}.albumSlide:hover{cursor:pointer;filter:brightness(75%);transform:scale(1.01) translateY(5px);transition:.2s}.logoImgTransparent{filter:invert(100%)}.logoImg,.logoImgTransparent{width:100px}.mediaDotContainer{display:flex;flex-direction:row;justify-content:space-evenly;left:50%;position:relative;transform:translate(-50%);width:150px}.mediaArrowContainer{align-content:center;bottom:53.5%;display:flex;justify-content:space-between;position:relative}.mediaArrowButton{position:relative}.mediaBackArrowButton{left:10px}.mediaNextArrowButton{right:10px}.dialogImg{border-radius:10px;cursor:pointer;height:inherit;width:auto}.mediaTopImg{opacity:0}@media screen and (max-device-width:640px){.mediaContainer{padding-bottom:50px;width:85%}.mediaAlbumTitle{margin-top:-35px!important}.mediaContainer h2{margin-bottom:25px;margin-top:25px}.mediaLogoTitle,.mediaPosterTitle{margin-top:75px}.mediaCarousel{padding-bottom:15px}.mediaCarouselContainer,.mediaPosterCarouselContainer{height:100%;width:100%}.mediaImg{transition:.2s;width:100%}.mediaDotContainer{bottom:-25px}.mediaCarouselGrid{display:flex;flex-grow:2;flex-wrap:wrap;gap:10px}.gridItem{border-radius:15px;text-align:center}.mediaImg{width:40vw}.logoImg,.logoImgTransparent{width:75px}.dialogImg{border-radius:10px;width:100%}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f7fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.app-container{align-items:center;display:flex;justify-content:center;min-height:100vh}.folder-container{cursor:pointer;height:12rem;position:relative;width:12rem}.folder-icon{bottom:0;color:#f59e0b;height:100%;left:0;position:absolute;transition:transform .3s ease-in-out;width:100%;z-index:20}.folder-icon.open{transform:scale(1.05)}.images-peek-container{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.image-wrapper{height:15rem;left:50%;opacity:0;position:absolute;top:30%;transform-origin:bottom;transition:all .5s ease-in-out;width:15rem}.image-wrapper.open{opacity:1}.peek-image{border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;height:auto;max-width:100%;object-fit:cover}.aboutContainer{flex-direction:column;overflow:overlay;padding-bottom:75px}.aboutContainer,.meContainer{align-items:center;display:flex;width:100%}.meContainer{flex-direction:row;justify-content:center;margin-top:150px}.aboutPhotoContainer{align-items:center;display:flex;flex-direction:column;justify-content:center;width:25%}.aboutDesc{color:var(--text-primary);font-family:TitilliumWeb-Regular,sans-serif;margin-bottom:75px;margin-top:75px;width:max(55%,550px)}.aboutProfile{border-radius:20px;cursor:pointer;filter:grayscale(100%);transition:.5s;width:100%;z-index:3}.aboutProfile:hover{filter:grayscale(0);transition:.5s}.thatsMe{filter:invert(100%);margin-right:-75px;margin-top:45px;pointer-events:none;width:35%;z-index:1}.however{color:gray}.checkOut{margin-bottom:0;margin-top:0;text-align:center}.aboutProjectLink{border-bottom:0 solid #6495ed;color:#6495ed;cursor:pointer;transition:border-bottom-width .1s linear}.aboutProjectLink:hover{border-bottom:2px solid #6495ed;filter:brightness(75%);transition:border-bottom-width .1s linear}.skillBoxContainer{display:flex;flex-grow:1;flex-wrap:wrap;gap:25px}.skillBox{background-color:var(--primary-accent);border-radius:15px;filter:brightness(100%);flex:1 1 fit-content;padding:30px 40px;text-align:center;transition:.3s}.skillBox:before{transform:rotate(30deg)}.skillBox:hover{filter:brightness(125%);transform:scale(1.1);transition:.3s}.parchment{border-radius:10px;height:inherit;width:auto}@media screen and (max-device-width:640px){.aboutPhotoContainer{width:100%}.timelineContainer h2{font-size:2em;margin-bottom:75px}.aboutProfile{height:auto;margin-bottom:45px;margin-left:0;max-width:400px;width:80%}.meContainer{flex-direction:column-reverse;margin-top:100px}.thatsMe{margin-left:0;margin-right:0;margin-top:-100px;max-width:300px;width:60%}.aboutDesc{margin-bottom:70px;margin-top:30px;width:80%}.checkOut{margin-bottom:0}.skillBox{padding:25px}.skillBoxContainer{gap:15px;margin-bottom:15px}.parchment{border-radius:10px;width:100%}}.demoContainer{height:100%;overflow:hidden;width:100%}.unity{height:100dvh;width:100vw}.loadingOverlay{color:#fff;font-family:TitilliumWeb-Regular,sans-serif;font-size:6vw;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}@media screen and (max-device-width:1024px){.unity{height:100%;width:100vw}}.contactContainer{align-items:center;background-color:#000000bf;cursor:pointer;height:100vh;justify-content:center;pointer-events:visiblePainted;position:fixed;width:100%;z-index:20}.contactDialogBoxContainer{background-color:var(--primary);border-radius:10px;cursor:auto;flex-direction:column;font-family:TitilliumWeb-Regular,sans-serif;font-size:2vw;height:85%;padding:35px;width:auto;z-index:5}.closeDialogBtn,.contactDialogBoxContainer{align-items:center;color:var(--text-primary);display:flex;justify-content:center;text-align:center}.closeDialogBtn{background-color:var(--primary-accent);border:none;border-radius:4px;cursor:pointer;font-size:1.25em;font-weight:700;height:40px;position:fixed;right:25px;top:25px;transition:.2s;width:40px}.closeDialogBtn:hover{filter:brightness(.8);transition:.2s}@media screen and (max-device-width:640px){.contactDialogBoxContainer{background-color:#0000;font-size:1.5em;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:70%}.closeDialogBtn{font-size:1.75em;height:35px;right:25px;top:25px;width:35px}}@media screen and (max-device-width:1400px) and (min-device-width:640px){.contactDialogBoxContainer{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:80%}}.floatingBackTopBtn{background-color:#212121;border-radius:50%;bottom:25px;color:#fff;cursor:pointer;font-size:2rem;height:50px;left:calc(50% - 25px);line-height:50px;margin-top:10px;position:fixed;text-align:center;transition:.5s;width:50px;z-index:5}.sentencesSS{background-clip:initial;background-color:#fff;border-radius:15px;padding:15px;width:20vw}.sectionImg{width:25vw}.gqlPoster{border-radius:7px;flex:1 1;object-fit:cover;text-align:center;width:35vw}.posterDiv{display:flex;justify-content:center;margin-top:30px;text-align:center;width:100%}.innerPosterDiv{width:35vw}.highlightPoster{border-radius:10px;color:#000;cursor:pointer;position:absolute;transition:.5s}.highlightPoster:hover{background-color:#0059ff4a;transition:.2s}.section1{height:.8%;margin-left:.65vw;margin-top:19px;width:13.85vw}.section2{height:16svh;margin-left:15.6svw;margin-top:17.5svh;width:18.75svw}.section3{height:15svh;margin-left:.65svw;margin-top:30.2svh;width:13.85svw}.section4{height:22.5svh;margin-left:15.6svw;margin-top:34.5svh;width:18.75svw}.section5{height:23.5svh;margin-left:.65svw;margin-top:52.75svh;width:13.85svw}.section6{height:18.5svh;margin-left:15.6svw;margin-top:57.85svh;width:18.75svw}.sectionQ{height:5.4svh;margin-left:.65svw;margin-top:46.3svh;width:13.85svw}@media screen and (max-device-width:640px){.gqlPoster{border-radius:7px;flex:1 1;margin-top:0;object-fit:cover;text-align:center;width:100%}.innerPosterDiv,.mobileImgNoPad{width:100%}.mobileImg{width:calc(100% - 30px)}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#282c34;color:#abb2bf}.hljs-keyword,.hljs-operator,.hljs-pattern-match{color:#f92672}.hljs-function,.hljs-pattern-match .hljs-constructor{color:#61aeee}.hljs-function .hljs-params{color:#a6e22e}.hljs-function .hljs-params .hljs-typing{color:#fd971f}.hljs-module-access .hljs-module{color:#7e57c2}.hljs-constructor{color:#e2b93d}.hljs-constructor .hljs-string{color:#9ccc65}.hljs-comment,.hljs-quote{color:#b18eb1;font-style:italic}.hljs-doctag,.hljs-formula{color:#c678dd}.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#98c379}.hljs-built_in,.hljs-class .hljs-title,.hljs-title.class_{color:#e6c07b}.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable{color:#d19a66}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title{color:#61aeee}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}.swatchPicker{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:center;position:absolute;width:100%;z-index:3}.colourBall{border-radius:50%;filter:brightness(1);height:15px;transition:.2s;width:15px}.colourBall:hover{cursor:pointer;filter:brightness(.8);scale:1.1;transition:.2s}.colourBall{height:20px;width:20px}
/*# sourceMappingURL=main.79c86c06.css.map*/