:root{--col-bg: #021F3B;--col-font-bright: #ecd180;--col-font-text: #F5F5F4;--col-font-fade: #cacaca5e;--col-section-highlight: #04437e;--col-alt: #ACD8D8;--col-alt-header: #C9AD57;--col-alt-secondary: #B68851;--col-alt-dark: #1F1F1F ;--col-alt-2: #A66B4E;--col-border:#4b5f72}:root{font-family:Inter,sans-serif;font-feature-settings:"liga" 1,"calt" 1}@supports (font-variation-settings: normal){:root{font-family:InterVariable,sans-serif}}html{scroll-behavior:smooth;overflow-y:scroll;background-color:var(--col-bg)}body,html{font-family:Reddit Mono,Open Sans,Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1.1rem;color:var(--col-font-text)}::-moz-selection{color:var(--col-alt-dark);background-color:var(--col-alt-header)}::selection{color:var(--col-alt-dark);background-color:var(--col-alt-header)}.liquid-panel{border-radius:15px;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0000004d}#header-name{font-size:2.5rem;letter-spacing:.4rem;word-spacing:4px;color:var(--col-font);font-weight:700;font-style:normal;text-transform:none;text-align:center}#header-summary{font-style:italic}#header-links{margin-top:auto;justify-self:flex-end;bottom:0;font-size:30px;text-align:bottom;text-align:left;display:absolute;display:flex;justify-content:center}#header-nav{height:180px}#header-links>a{margin-right:20px}.link-line{height:2px;background-color:var(--col-font-text);display:inline-block;margin-right:8px;vertical-align:middle}#header-nav>ul>li>a:hover .link-line{color:var(--col-bg);text-decoration:line-through var(--col-font-bright)}.image-headshot{height:200px;border-radius:25px}.preview-image{width:100%;height:auto;outline:1px solid var(--col-font-text);border-radius:10px;filter:grayscale(50%)}.image-container{position:relative}.link-arrow{position:absolute;top:10px;right:10px}a{color:var(--col-font-text);text-decoration:none;transition:.3s}a:visited{color:var(--col-font-text)}a:hover{color:var(--col-font-bright);cursor:pointer}a:active,a.active-section{color:var(--col-font-bright)}h3{color:var(--col-font-bright);transition:0}.subsection-right>ul{list-style-position:inside;padding-left:0}.subsection-right>ul>li{padding:0 0 20px;list-style-type:none}.experience-description{font-style:italic}hr{color:var(--col-font-bright);border-style:solid;margin-top:30px}#referee-explanation{padding:0 4%}.skill-button{font-size:14px;font-weight:700;color:var(--col-alt);background-color:var(--col-alt-dark)}.skill-icon{color:var(--col-alt-header)}.skill-rating{color:var(--col-alt-secondary)}#banner{border:1px solid yellow;position:absolute;width:100%;height:500px;margin:auto;border-bottom-left-radius:1000px;border-bottom-right-radius:1500px}main>div{transition:.3s}@media (min-width: 769px){.subsection:hover{border-radius:8px;transition:.3s}.link-arrow{transition:.3s}.image-container:hover .link-arrow,.subsection:hover h3{color:var(--col-alt-header);transition:.3s}.subsection h3{margin-bottom:5px;transition:.3s;color:var(--col-font)}.subsection{transition:.3s}.fade,.fade h3{color:var(--col-font-fade)}.preview-image{filter:grayscale(100%);transition:.3s}.image-container:hover img{filter:grayscale(50%);transition:.3s}}.alt-link,.alt-link:visited{color:var(--col-font-bright)}.alt-link:hover,.alt-link:active{color:var(--col-alt-header)}footer{border-radius:8px;font-size:10px;text-align:center}@media (max-width: 768px){body,html{margin:0 auto;padding:0;height:100%;max-width:100%;overflow:-moz-scrollbars-none;-ms-overflow-style:none;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-y}body::-webkit-scrollbar{display:none}.App{justify-content:center;display:flex}#container{margin:5vh 0;padding:0;width:90%;display:flex;flex-direction:column;flex-wrap:wrap}#scroll-container{overflow:-moz-scrollbars-none;-ms-overflow-style:none;scrollbar-width:none;-webkit-overflow-scrolling:touch}#scroll-container::-webkit-scrollbar{display:none}#left-div{width:100%;min-height:250px}#scroll-container{width:100%;min-height:500px}header{margin-bottom:30px}.persistent-header{padding:1rem}.persistent-header>#header-name{font-size:35px;text-align:center}#header-summary{padding-top:20px;text-align:justify;text-justify:distribute;word-spacing:-2px}#header-nav{display:none}#header-links{margin-top:20px;padding-left:10px}.res-section{margin-bottom:100px;padding:1rem}.image-headshot{float:right;margin:0 0 15px 15px;height:auto;width:120px}#main-about{text-align:justify}.persistent-header.scrolled{height:100px;background-color:none;position:fixed;top:0;left:0;width:100%;color:var(-col-font-bright);align-items:center;justify-content:center;z-index:1000;transition:.1s ease;display:flex;flex-wrap:wrap;padding:unset}.persistent-header.scrolled>#header-name{padding-top:10px}.persistent-header.scrolled>#header-summary,.persistent-header.scrolled>#header-links{display:none}.persistent-header.scrolled>#header-nav{display:contents}.persistent-header.scrolled>#header-nav>ul{width:100%;list-style-type:none;display:flex;flex-wrap:wrap;justify-content:center;padding-left:0}.persistent-header.scrolled>#header-nav>ul>li{padding:0 8px;font-size:14px}.persistent-header.scrolled>#header-nav>ul>li>a>.link-line{display:none}.persistent-header.scrolled>#header-nav>ul>li>.inner-link{scroll-margin-top:10px;color:var(--col-font-fade)}.persistent-header.scrolled>#header-nav>ul>li>.inner-link.active-section,.persistent-header.scrolled>#header-nav>ul>li>.inner-link:hover{color:var(--col-font-bright)}#container:has(.persistent-header.scrolled) .res-section{scroll-margin-top:120px}.skills-section{display:flex;flex-wrap:wrap;justify-content:start;align-content:flex-start}.skill-button{width:100%;display:flex;padding:8px 16px;margin:4px;border:none;border-radius:50px}.skill-rating{margin-left:auto;min-width:60px}.skill-icon{padding-right:5px}}@media (min-width: 769px){html{display:grid;min-height:100vh;box-sizing:border-box;margin:0 auto;padding:0;overflow-x:none}body{height:100%;margin:0 auto;padding:0;box-sizing:border-box;display:flex;justify-content:center;overflow-x:none}#cursor{position:absolute;width:100px;height:100px;filter:blur(200px);border-radius:50%;z-index:0;background:#ffffff1a;box-shadow:0 0 450px #ffffff14,0 0 450px #ffffff14,0 0 250px #fffc;pointer-events:none;transform:translate(-50%,-50%);transition:transform .1s ease-out}#container{min-width:1080px;width:70vw;height:100%;min-height:100%;box-sizing:border-box;display:flex;justify-content:space-between;gap:4rem}#left-div{padding:8vh 2rem;width:50%;height:100vh;position:-webkit-sticky;position:sticky;top:0;box-sizing:border-box;min-width:300px}#scroll-container{width:60%;padding-left:5vh;padding-top:8vh}header{max-width:100%;height:100%;min-height:400px;max-height:100%;display:flex;flex-direction:column;align-items:center;padding:2rem;justify-content:flex-start;box-sizing:border-box;position:relative}header>div{height:50px;width:100%}#header-name{min-width:300px;padding-bottom:20px}#header-summary{margin-bottom:50px;text-align:justify}#header-nav>ul{list-style-type:none}#header-links{max-height:33px;bottom:0}.link-line{font-size:20px;letter-spacing:-3px;color:var(--col-bg);text-decoration:line-through var(--col-font-text);font-weight:800;transition:.2s}#header-nav>ul>li>a:hover .link-line,.active-section>.link-line{color:var(--col-bg);text-decoration:line-through var(--col-font-bright);transition:.2s;letter-spacing:3px}main{width:100%}.res-section{margin-bottom:10vh;padding:1rem}#main-about{padding:2rem;text-align:justify}.image-headshot{float:right;margin:0 0 15px 15px;filter:grayscale(20%)}.res-section-header{padding-left:3%}#about-header{display:none}#main-referees>p{padding-left:25px}.res-section-header{color:var(--col-bg);font-size:20px;padding:5px;text-transform:uppercase;transition:.5s;top:20px;position:relative;font-weight:700}.viewed .res-section-header{color:var(--col-font-bright);top:0;position:relative}.res-section-inner{transition:.5s;visibility:hidden;right:-100px;position:relative;opacity:0}.res-section-inner ul{visibility:hidden;right:-100px;position:relative;opacity:0}.viewed .res-section-inner,.viewed .res-section-inner ul{visibility:visible;right:0;position:relative;opacity:100}.skills-section{display:flex;flex-wrap:wrap;justify-content:space-between;align-content:flex-start}.skill-button{min-width:42%;max-width:42%;display:flex;padding:8px 16px;margin:4px;border:none;border-radius:50px}.skill-rating{margin-left:auto;min-width:60px}.skill-icon{padding-right:5px}.subsection{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:normal;align-items:normal;align-content:center;width:100%;padding:0% 4% 4%;box-sizing:border-box}.subsection-left{display:block;flex-grow:0;flex-shrink:1;flex-basis:auto;align-self:auto;order:0;width:24%;box-sizing:border-box}.subsection-right{display:block;flex-grow:0;flex-shrink:1;flex-basis:auto;align-self:auto;order:0;width:74%;padding-left:1%;box-sizing:border-box}footer{padding-bottom:8vh}}:root{--bubble-speed:7s}.bubbles-background{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;z-index:-1}.bubbles-svg{position:fixed;top:0;left:0;width:0;height:0}.gradients-container{filter:url(#goo) blur(40px);width:100%;height:100%}.gradients-container>div{position:absolute;mix-blend-mode:hard-light;opacity:1}.g1{background:radial-gradient(circle at center,color-mix(in srgb,var(--col-section-highlight) 60%,transparent) 0,transparent 50%) no-repeat;width:80%;height:80%;top:10%;left:10%;transform-origin:center center;animation:moveVertical calc(6 * var(--bubble-speed)) ease infinite}.g2{background:radial-gradient(circle at center,color-mix(in srgb,var(--col-alt) 80%,transparent) 0,transparent 50%) no-repeat;width:80%;height:80%;top:10%;left:10%;transform-origin:calc(50% - 400px);animation:moveInCircle calc(4 * var(--bubble-speed)) reverse infinite}.g3{background:radial-gradient(circle at center,color-mix(in srgb,var(--col-alt-header) 73%,transparent) 0,transparent 50%) no-repeat;width:80%;height:80%;top:calc(10% + 200px);left:calc(10% - 500px);transform-origin:calc(50% + 400px);animation:moveHorizontal calc(8 * var(--bubble-speed)) ease infinite}.g4{background:radial-gradient(circle at center,color-mix(in srgb,var(--col-alt-secondary) 67%,transparent) 0,transparent 50%) no-repeat;width:80%;height:80%;top:10%;left:10%;transform-origin:calc(50% - 200px);animation:moveHorizontal calc(8 * var(--bubble-speed)) ease infinite;opacity:.7}.g5{background:radial-gradient(circle at center,color-mix(in srgb,var(--col-alt-2) 80%,transparent) 0,transparent 50%) no-repeat;width:160%;height:160%;top:-30%;left:-30%;transform-origin:calc(50% - 800px) calc(50% + 200px);animation:moveInCircle calc(4 * var(--bubble-speed)) ease infinite}@keyframes moveInCircle{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}@keyframes moveVertical{0%{transform:translateY(-50%)}50%{transform:translateY(50%)}to{transform:translateY(-50%)}}@keyframes moveHorizontal{0%{transform:translate(-50%) translateY(-10%)}50%{transform:translate(50%) translateY(10%)}to{transform:translate(-50%) translateY(-10%)}}@media (max-width: 768px){.g1,.g2,.g3,.g4{width:100%;height:100%}.g5{width:200%;height:200%}}