*{margin:0;padding:0}::-webkit-scrollbar{display:none;-ms-overflow-style:none;scrollbar-width:none}h1{font-family:Abril Fatface,serif;font-weight:400;font-style:normal;font-size:7vmin;padding-left:20vmin;margin-bottom:4vmin}h2{font-family:Abril Fatface,serif;font-size:5vmin;font-weight:400;padding-left:.6em;padding-right:1em;margin-bottom:2vmin}h3{font-family:Arvo,monospace;font-weight:400;font-style:normal;font-size:3vmin;padding-left:1em;padding-right:2em}h4{font-family:Abril Fatface,serif;font-weight:400;font-style:normal;font-size:2vmin;padding-left:20vmin}.snap-target{height:100lvh!important;max-height:100lvh!important;box-sizing:border-box;margin-top:0!important;margin-bottom:0!important;position:relative;z-index:10}div.singleDiv,div.leftDiv,div.rightDiv,div.topDiv,div.bottomDiv,div.leftTrippleDiv,div.middleTrippleDiv,div.rightTrippleDiv{display:flex;flex-direction:column;justify-content:center}#theme-switch{cursor:pointer}:root{--base-color: #ECEBE8;--text-color: #0B0A0F;--primary-color: #DCA33B;--secondary-color: #1694BC;--thirdary-color: #9D1D25}.darkmode{--base-color: #0B0A0F;--text-color: #ECEBE8;--primary-color: #9D1D25;--secondary-color: #DCA33B;--thirdary-color: #1694BC}.section{display:flex;align-items:center;height:100vh;position:relative;color:#ffeded;padding-left:10%;padding-right:10%}.navbar{position:fixed;font-size:3vmin;display:flex;flex-direction:row;width:100vw;font-family:Anonymous Pro,monospace;z-index:1000}div.leftNavBar{border-style:none;width:100%;padding-left:1vmin;padding-top:2px;color:var(--text-color)}div.centreNavBar{width:100%;text-align:center;position:relative;z-index:10}div.centerText{border-style:none;padding:.5vmin 1.5vmin;margin:0;display:inline-flex;gap:.5em}button[data-target]{width:1em;height:1em;border-radius:50%;border:.1em solid var(--text-color);background-color:var(--base-color);transition:background-color .2s ease,transform .1s ease;color:inherit;justify-content:center}button[data-target]:hover,button[data-target].active{background-color:var(--btn-color, #63db34)}#theme-switch{height:2.2em;width:2.2em;padding:0;margin-left:1.5vmin;border-radius:50%;background-color:var(--text-color);display:flex;justify-content:center;align-items:center;border:none;outline:none}#theme-switch svg{fill:var(--base-color)}#theme-switch svg:last-child{display:none}.darkmode #theme-switch svg:first-child{display:none}.darkmode #theme-switch svg:last-child{display:block}div.rightNavBar{border-style:none;width:100%;padding-top:2px;padding-right:1em;color:var(--text-color);text-align:right;display:flex;align-items:center;justify-content:right;gap:1em}#navTitle{padding-right:1vmin}div.jobDiv{position:relative;font-family:italicFont;font-size:2vmin;color:var(--base-color);top:10%;float:right;right:12%}div.nameDiv{color:var(--primary-color);font-family:titleFont;border-radius:25px;position:relative;top:60%}div.scrollDiv{position:relative;top:62%;left:0%;color:var(--primary-color);font-family:smallFont;align-items:flex-end;font-size:6vmin}.allSection{display:flex;flex-direction:column;height:100%;position:relative;z-index:10}section:nth-child(odd){justify-content:flex-end}.dither-container{width:100%;height:100%;position:relative}html,body{background:var(--base-color);height:100%;scroll-behavior:smooth}body.lock-scroll{overflow:hidden}.webgl{position:fixed;top:0;left:0;width:100vw;height:100lvh;outline:none}section.singleSection{background:transparent;display:flex;flex-direction:column;height:100%}div.singleDiv{margin:auto;width:100%;font-size:2vmin;color:var(--text-color);background-color:transparent;height:100vh}section.doubleHSection{background:transparent;display:flex;flex-direction:row;height:100vh}div.leftDiv,div.rightDiv{margin:auto;width:100%;font-size:2vmin;color:var(--text-color);height:100vh;position:static;z-index:1;opacity:0;transform:translateY(50px);transition:opacity 1s ease-out,transform 1s ease-out;will-change:opacity,transform}div.leftDiv.show,div.rightDiv.show{opacity:1;transform:translateY(0)}section.doubleVSection{background-color:transparent;display:flex;flex-direction:column;height:100vh}div.topDiv,div.bottomDiv{margin:auto;width:100%;font-size:2vmin;color:var(--text-color);height:50vh;z-index:1;opacity:0;transform:translateY(50px);transition:opacity 1s ease-out,transform 1s ease-out;will-change:opacity,transform}div.topDiv.show,div.bottomDiv.show{opacity:1;transform:translateY(0)}section.doubleTrippleHSection,section.trippleHSection{background-color:transparent;display:flex;flex-direction:row;height:50vh;position:relative;z-index:10}div.leftTrippleDiv,div.middleTrippleDiv,div.rightTrippleDiv{margin:auto;width:100%;font-size:2vmin;color:var(--text-color);background-color:transparent;height:50vh;opacity:0;transform:translateY(50px);transition:opacity 1s ease-out,transform 1s ease-out;will-change:opacity,transform;position:relative;z-index:10;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}div.middleTrippleDiv{transition-delay:.2s}div.rightTrippleDiv{transition-delay:.4s}div.leftTrippleDiv.show,div.middleTrippleDiv.show,div.rightTrippleDiv.show{opacity:1;transform:translateY(0)}.hobby-item{margin-bottom:5vmin}.hobby-item:last-child{margin-bottom:0}.scroller{scroll-snap-align:start;scroll-snap-stop:always}.toast{position:fixed;bottom:40px;left:50%;transform:translate(-50%) translateY(20px);background-color:var(--text-color);color:var(--base-color);padding:12px 24px;border-radius:8px;font-family:Arvo,monospace;font-size:2vmin;box-shadow:0 4px 15px #0003;opacity:0;pointer-events:none;z-index:1000;transition:opacity .3s ease,transform .3s cubic-bezier(.175,.885,.32,1.275)}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.hide-on-desktop{visibility:hidden!important}@media(max-width:768px){.snap-target{overflow:visible!important}.middleTrippleDiv,.rightTrippleDiv{position:relative;z-index:100;-webkit-transform:translate3d(0,0,0);transform:translateZ(0);will-change:transform,opacity}.middleTrippleDiv,.rightTrippleDiv{opacity:1!important;transform:none!important}nav.navbar{flex-direction:column;align-items:center;padding-top:10px}div.leftNavBar{display:none}div.centreNavBar{width:100%;margin-bottom:10px;border-radius:1px!important}div.rightNavBar{display:none}h1{padding-left:1vmin;padding-top:55vmin;font-size:8vmin}h4{padding-left:1vmin;font-size:2vmin}h2,h3{padding-left:0;padding-right:0}.section{padding-left:5%;padding-right:5%}section.leftTrippleDiv{padding-left:0;padding-right:0}section.singleSection,section.doubleHSection,section.doubleVSection{background:transparent;display:flex;flex-direction:column;padding-left:5%;padding-right:5%;height:100svh;justify-content:space-between;overflow:hidden;box-sizing:border-box}section.doubleTrippleHSection{background:transparent;display:flex;flex-direction:column;padding-left:0;padding-right:0;height:100svh;justify-content:space-between}div.leftTrippleDiv,div.middleTrippleDiv,div.rightTrippleDiv{margin:auto;width:100%;font-size:2vmin;color:var(--text-color);background-color:transparent;z-index:1;opacity:0;transform:translateY(50px);transition:opacity 1s ease-out,transform 1s ease-out;will-change:opacity,transform;box-sizing:border-box}.mobile-top{margin-bottom:auto}.mobile-bottom{margin-top:auto}.mobile-center{margin-top:auto;margin-bottom:auto}.hide-on-mobile{visibility:hidden!important}.hide-on-desktop{visibility:visible!important}.fix{margin-bottom:auto;margin-top:3vh}.allSection{scroll-snap-type:none!important;overflow-y:visible!important;height:auto!important}div.bottomTrippleDiv{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1;margin-top:2vh}div.leftTrippleDiv,div.middleTrippleDiv,div.rightTrippleDiv{height:auto!important;margin:0;padding-bottom:9.7vh}}@media(min-width:1024px){button[data-target]{width:1.5rem;height:1.5rem;font-size:1.5rem}}