*{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}div.singleDiv,div.leftDiv,div.rightDiv,div.topDiv,div.bottomDiv,div.leftTrippleDiv,div.middleTrippleDiv,div.rightTrippleDiv{display:flex;flex-direction:column;justify-content:center}: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{width:100%;padding-left:1vmin;background-color:var(--base-color);border-radius:0 0 25px;border-color:var(--text-color);border-style:solid;border-width:.2em;padding-top:2px;color:var(--text-color)}div.centreNavBar{width:100%;text-align:center;position:relative;z-index:10}div.centerText{border-radius:0 0 25px 25px;border-color:var(--text-color);border-width:.2em;border-style:solid;padding:.5vmin 1.5vmin;background-color:var(--base-color);margin:0;display:inline-flex;gap:.5em}button[data-target]{width:1em;height:1em;border-radius:50%;border:.2em 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{width:100%;background-color:var(--base-color);border-radius:0 0 0 25px;border-color:var(--text-color);border-style:solid;border-width:.2em;padding-top:2px;color:var(--text-color);text-align:right;display:flex;align-items:center;justify-content:space-between;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}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;scroll-snap-type:y mandatory}body.lock-scroll{overflow:hidden}.webgl{position:fixed;top:0;left:0;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:all 1s ease-out}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:all 1s ease-out}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}div.leftTrippleDiv,div.middleTrippleDiv,div.rightTrippleDiv{margin:auto;width:100%;font-size:2vmin;color:var(--text-color);background-color:transparent;height:50vh;z-index:1;opacity:0;transform:translateY(50px);transition:all 1s ease-out}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)}@media (max-width: 768px){nav.navbar{flex-direction:column;align-items:center;padding-top:10px}div.leftNavBar{display:none}div.centreNavBar{width:100%;margin-bottom:5px}div.rightNavBar{width:90%;justify-content:space-between;border-radius:25px;padding:5px 15px}h1{padding-left:10vmin;padding-top:15vmin;font-size:10vmin}h2,h3{padding-left:0;padding-right:0}.section{padding-left:5%;padding-right:5%}}@media (min-width: 1024px){button[data-target]{width:1.5rem;height:1.5rem;font-size:1.5rem}}