@font-face{font-family:National Park;src:url(/national-park-webfont/NationalPark-Thin.woff) format("woff")}@font-face{font-family:National Park Heavy;src:url(/national-park-webfont/NationalPark-Heavy.woff) format("woff")}::-webkit-scrollbar{display:none}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:National Park,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:1.5px;overflow:hidden}.App{background-color:#181818;overflow:hidden;scrollbar-width:0;scrollbar-color:transparent}:root{--background: #181818;--textLight: #e0e0e0;--textDark: #626262;--glow-color-centre: rgb(255, 255, 255)}html{background-color:var(--background);cursor:none}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(-10px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0px)}}.container{height:100dvh;width:100dvw;overflow-y:scroll;scroll-snap-type:y mandatory;scroll-behavior:smooth}.content{animation:pageFadeIn 1.5s ease-out forwards}@keyframes breathe{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.25);opacity:1}}.cursor-wrapper{position:fixed;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}.cursor-centre{width:6px;height:6px;background:var(--glow-color-centre);border-radius:50%}.cursor-glow{position:absolute;width:10px;height:10px;background:radial-gradient(circle,var(--glow-color) 0%,transparent 70%);border-radius:50%;pointer-events:none;z-index:9998;box-shadow:0 0 10px var(--glow-color-centre);filter:blur(5px);animation:breathe 3s ease-in-out infinite}.cursor-wrapper.hovering .cursor-centre{border:1px solid var(--textLight);background:var(--background);transition:.2s ease}.navbar{position:fixed;right:20px;top:12dvh;display:flex;flex-direction:column;justify-content:center;justify-content:space-evenly;align-items:center;z-index:100;height:70dvh;width:5dvw;animation:pageFadeIn 1.5s ease-out forwards}.nav-item{text-decoration:none;color:var(--textDark);writing-mode:vertical-rl;text-transform:uppercase;margin:20px 0;font-size:.8rem;font-weight:999;transition:color .3s ease;border-left:1px solid transparent;cursor:none;padding:2px}.nav-item:hover,.nav-item.active{color:var(--textLight);border-left:1px solid var(--textLight);transition:ease .5s}.page{position:relative;width:100dvw;height:100dvh;display:flex;justify-content:center;align-content:center;overflow:hidden;scroll-snap-align:start;color:var(--textDark)}.lightText{color:var(--textLight)}.bg-text{position:absolute;width:fit-content;margin:0;white-space:nowrap;line-height:1;left:50vw;top:20vh;z-index:1;color:var(--bgText);font-family:Verdana,Geneva,Tahoma,sans-serif;font-weight:999;font-size:15vw;pointer-events:none;-webkit-user-select:none;user-select:none;transform:translate(-50%,-50%);opacity:.1}.background-container{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:-1;overflow:hidden;pointer-events:none;background:transparent}.bg-spot{position:absolute;border-radius:50%;background:radial-gradient(circle,var(--glow-color-centre) 0%,transparent 40%);filter:blur(25px);pointer-events:none;opacity:0;animation:lifecycle 10s infinite ease-in-out}@keyframes lifecycle{0%{opacity:0;transform:scale(.5)}10%{opacity:.6;transform:scale(1)}50%{opacity:.8;transform:scale(1.3)}85%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(.5)}}.landingContainer{position:relative;align-self:center;margin-right:50dvw;display:flex;width:fit-content;max-width:25dvw;flex-direction:column;font-size:30px}.landingContainer b{padding-bottom:8px}.landingContainer .currently{padding-top:16px;font-size:15px}.info-display{position:fixed;top:30px;left:35px}.weather-group{display:flex}.weather-group b{font-size:16px}.weather-group pre{font-size:16px;font-family:National Park;font-weight:999;margin:0}.mobileText{display:none}.aboutContainer{position:relative;align-self:center;display:flex;flex-direction:row;z-index:10}.aboutContainer h1{font-size:15px;margin:0;padding-bottom:2px}.aboutContainer h2{font-size:15px;color:var(--textLight);padding-bottom:2px}.aboutContainer .text{width:30dvw;display:flex;flex-direction:column;justify-content:space-around}.aboutContainer img{width:20vw;min-width:15vw;height:50vh;margin-right:5vw;object-fit:contain;filter:grayscale(75%)}.aboutContainer .mobile{display:none}.experienceContainer{position:relative;align-self:center;display:flex;flex-direction:column;width:50vw;z-index:10}.experienceContainer .rowLine{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:2vh}.experienceContainer .text{width:35vw;align-self:left}.experienceContainer .text p{margin:0;font-weight:999}.experienceContainer .text b{font-size:12px}.experienceContainer .date{text-align:right;font-size:12px}.experienceContainer .dateMobile{display:none}.projectContainer{position:relative;align-self:center;display:flex;flex-direction:column;width:50vw;z-index:10}.projectContainer .rowLine{display:flex;flex-direction:row;align-items:left;justify-content:space-between;margin-bottom:2vh;min-height:10dvh}.projectContainer .rowLine p{font-size:16px;font-weight:999}.projectContainer .rowLine b{font-size:14px}.projectContainer .text{display:flex;flex-direction:column;width:35dvw}.projectContainer .text p{margin-bottom:2px}.projectContainer .text b{font-size:12px}.projectContainer .text a{color:var(--textDark);text-decoration:none;transition:.4s ease;cursor:none}.projectContainer .text a:hover{color:var(--textLight);transition:.4s ease}.projectContainer .text .mobileText{display:none}.projectContainer img{align-self:center;width:auto;height:8vh;border-radius:5px;filter:grayscale(75%)}.footerContainer{position:relative;align-self:center;text-align:center;display:flex;flex-direction:column;z-index:10}.footerContainer b{font-size:30px}.footerContainer img{height:30px;margin-top:15px}.footerContainer .titleRow{display:flex;justify-content:center;margin-bottom:1dvh}.footerItems{display:flex}.footerItems a{text-decoration:none;color:var(--textLight);display:flex;justify-content:center;align-items:center;border-bottom:1px solid transparent;margin:0 2vw;height:4vh;cursor:none;padding-bottom:2px}.footerItems a b{font-size:15px;line-height:4vh;margin:0 0 0 10px}.footerItems a img{height:85%;margin:0}.footerItems a:hover{border-bottom:1px solid var(--textLight);transition:ease .5s}@media (max-width: 600px){html{cursor:pointer}.cursor-wrapper,.navbar{display:none}.landingContainer{font-size:20px;margin-right:8dvw;width:75dvw;max-width:none}.info-display{top:20px;left:20px}.info-display b,.info-display pre{font-size:14px}.info-display h2{font-size:18px}.defaultText{display:none}.mobileText{display:flex}.aboutContainer{flex-direction:column;align-items:center;width:75dvw}.aboutContainer h1{margin-top:10px;margin-bottom:2px}.aboutContainer h2{font-size:13px}.aboutContainer .default{display:none}.aboutContainer .mobile{display:flex}.aboutContainer .text{width:100%}.aboutContainer img{height:25dvh;width:auto;margin-bottom:10px;margin-right:0}.experienceContainer{width:75dvw}.experienceContainer .rowLine{flex-direction:column}.experienceContainer .text{width:100%}.experienceContainer .text p{font-size:14px}.experienceContainer .text b{display:none;font-size:12px}.experienceContainer .text .dateMobile{display:flex}.experienceContainer .date{display:none}.projectContainer{width:75dvw}.projectContainer .rowLine{min-height:0;flex-direction:column;margin-bottom:10px}.projectContainer .rowLine p{font-size:14px;display:none}.projectContainer .rowLine b{display:none}.projectContainer .rowLine .mobileText{display:flex;flex-direction:column}.projectContainer .text{width:100%}.projectContainer img{display:none}.footerContainer b{font-size:20px}.footerContainer img{height:20px;margin-top:10px}.footerContainer .footerItems{flex-direction:column;align-items:center}.footerContainer .footerItems a{width:fit-content}.footerContainer .footerItems b{font-size:14px}.footerContainer .footerItems img{height:75%}}