/*! 
 * OverlayScrollbars
 * Version: 2.16.0
 * 
 * Copyright (c) Rene Haas | KingSora.
 * https://github.com/KingSora
 * 
 * Released under the MIT license.
 */.os-size-observer,.os-size-observer-listener{scroll-behavior:auto!important;direction:inherit;pointer-events:none;overflow:hidden;visibility:hidden;box-sizing:border-box}.os-size-observer,.os-size-observer-listener,.os-size-observer-listener-item,.os-size-observer-listener-item-final{writing-mode:horizontal-tb;position:absolute;left:0;top:0}.os-size-observer{z-index:-1;contain:strict;display:flex;flex-direction:row;flex-wrap:nowrap;padding:inherit;border:inherit;box-sizing:inherit;margin:-133px;top:0;right:0;bottom:0;left:0;transform:scale(.1)}.os-size-observer:before{content:"";flex:none;box-sizing:inherit;padding:10px;width:10px;height:10px}.os-size-observer-appear{animation:os-size-observer-appear-animation 1ms forwards}.os-size-observer-listener{box-sizing:border-box;position:relative;flex:auto;padding:inherit;border:inherit;margin:-133px;transform:scale(10)}.os-size-observer-listener.ltr{margin-right:-266px;margin-left:0}.os-size-observer-listener.rtl{margin-left:-266px;margin-right:0}.os-size-observer-listener:empty:before{content:"";width:100%;height:100%}.os-size-observer-listener:empty:before,.os-size-observer-listener>.os-size-observer-listener-item{display:block;position:relative;padding:inherit;border:inherit;box-sizing:content-box;flex:auto}.os-size-observer-listener-scroll{box-sizing:border-box;display:flex}.os-size-observer-listener-item{right:0;bottom:0;overflow:hidden;direction:ltr;flex:none}.os-size-observer-listener-item-final{transition:none}@keyframes os-size-observer-appear-animation{0%{cursor:auto}to{cursor:none}}.os-trinsic-observer{flex:none;box-sizing:border-box;position:relative;max-width:0px;max-height:1px;padding:0;margin:0;border:none;overflow:hidden;z-index:-1;height:0;top:calc(100% + 1px);contain:strict}.os-trinsic-observer:not(:empty){height:calc(100% + 1px);top:-1px}.os-trinsic-observer:not(:empty)>.os-size-observer{width:1000%;height:1000%;min-height:1px;min-width:1px}html[data-overlayscrollbars-body]{overflow:hidden}html[data-overlayscrollbars-body],html[data-overlayscrollbars-body]>body{width:100%;height:100%;margin:0}html[data-overlayscrollbars-body]>body{overflow:visible;margin:0}[data-overlayscrollbars]{position:relative}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{display:flex;align-items:stretch!important;flex-direction:row!important;flex-wrap:nowrap!important;scroll-behavior:auto!important}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){box-sizing:inherit;position:relative;flex:auto;height:auto;width:100%;min-width:0;padding:0;margin:0;border:none;z-index:0}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){--os-vaw: 0;--os-vah: 0;outline:none}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]):focus{outline:none}[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]:before{content:"";position:absolute;pointer-events:none;z-index:-1;min-width:1px;min-height:1px;width:var(--os-vaw);height:var(--os-vah)}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{overflow:hidden!important}[data-overlayscrollbars~=host][data-overlayscrollbars~=noClipping],[data-overlayscrollbars-padding~=noClipping]{overflow:visible!important}[data-overlayscrollbars-viewport]{--os-viewport-overflow-x: hidden;--os-viewport-overflow-y: hidden;overflow-x:var(--os-viewport-overflow-x);overflow-y:var(--os-viewport-overflow-y)}[data-overlayscrollbars-viewport~=overflowXVisible]{--os-viewport-overflow-x: visible}[data-overlayscrollbars-viewport~=overflowXHidden]{--os-viewport-overflow-x: hidden}[data-overlayscrollbars-viewport~=overflowXScroll]{--os-viewport-overflow-x: scroll}[data-overlayscrollbars-viewport~=overflowYVisible]{--os-viewport-overflow-y: visible}[data-overlayscrollbars-viewport~=overflowYHidden]{--os-viewport-overflow-y: hidden}[data-overlayscrollbars-viewport~=overflowYScroll]{--os-viewport-overflow-y: scroll}[data-overlayscrollbars-viewport~=overflowImportant]{overflow-x:var(--os-viewport-overflow-x)!important;overflow-y:var(--os-viewport-overflow-y)!important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId){font-size:0!important;line-height:0!important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId):before,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId):after,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)>*:not(#osFakeId){display:none!important;position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border-width:0!important}[data-overlayscrollbars-viewport~=measuring],[data-overlayscrollbars-viewport~=scrolling]{scroll-behavior:auto!important;scroll-snap-type:none!important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowXVisible]{overflow-x:hidden!important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowYVisible]{overflow-y:hidden!important}[data-overlayscrollbars-content]{box-sizing:inherit}[data-overlayscrollbars-contents]:not(#osFakeId):not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]){display:contents}[data-overlayscrollbars-grid],[data-overlayscrollbars-grid] [data-overlayscrollbars-padding]{display:grid;grid-template:1fr/1fr}[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding],[data-overlayscrollbars-grid]>[data-overlayscrollbars-viewport],[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding]>[data-overlayscrollbars-viewport]{height:auto!important;width:auto!important}@property --os-scroll-percent{syntax: "<number>"; inherits: true; initial-value: 0;}@property --os-viewport-percent{syntax: "<number>"; inherits: true; initial-value: 0;}.os-scrollbar{--os-viewport-percent: 0;--os-scroll-percent: 0;--os-scroll-direction: 0;--os-scroll-percent-directional: calc( var(--os-scroll-percent) - (var(--os-scroll-percent) + (1 - var(--os-scroll-percent)) * -1) * var(--os-scroll-direction) )}.os-scrollbar{contain:size layout;contain:size layout style;transition:opacity .15s,visibility .15s,top .15s,right .15s,bottom .15s,left .15s;pointer-events:none;position:absolute;opacity:0;visibility:hidden}body>.os-scrollbar{position:fixed;z-index:99999}.os-scrollbar-transitionless{transition:none!important}.os-scrollbar-track{position:relative;padding:0!important;border:none!important}.os-scrollbar-handle{position:absolute}.os-scrollbar-track,.os-scrollbar-handle{pointer-events:none;width:100%;height:100%}.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle{pointer-events:auto;touch-action:none}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{top:0;right:0}.os-scrollbar-rtl.os-scrollbar-horizontal{right:0}.os-scrollbar-rtl.os-scrollbar-vertical{right:auto;left:0}.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden{opacity:0;visibility:hidden}.os-scrollbar-interaction.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-unusable,.os-scrollbar-unusable *,.os-scrollbar-wheel,.os-scrollbar-wheel *{pointer-events:none!important}.os-scrollbar-unusable .os-scrollbar-handle{opacity:0!important;transition:none!important}.os-scrollbar-horizontal .os-scrollbar-handle{bottom:0;left:calc(var(--os-scroll-percent-directional) * 100%);transform:translate(calc(var(--os-scroll-percent-directional) * -100%));width:calc(var(--os-viewport-percent) * 100%)}.os-scrollbar-vertical .os-scrollbar-handle{right:0;top:calc(var(--os-scroll-percent-directional) * 100%);transform:translateY(calc(var(--os-scroll-percent-directional) * -100%));height:calc(var(--os-viewport-percent) * 100%)}@supports (container-type: size){.os-scrollbar-track{container-type:size}.os-scrollbar-horizontal .os-scrollbar-handle{left:auto;transform:translate(calc(var(--os-scroll-percent-directional) * 100cqw + var(--os-scroll-percent-directional) * -100%))}.os-scrollbar-vertical .os-scrollbar-handle{top:auto;transform:translateY(calc(var(--os-scroll-percent-directional) * 100cqh + var(--os-scroll-percent-directional) * -100%))}.os-scrollbar-rtl.os-scrollbar-horizontal .os-scrollbar-handle{right:auto;left:0}}.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle{right:auto;left:0}.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl{left:0;right:0}.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl{top:0;bottom:0}@media print{.os-scrollbar{display:none}}.os-scrollbar{--os-size: 0;--os-padding-perpendicular: 0;--os-padding-axis: 0;--os-track-border-radius: 0;--os-track-bg: none;--os-track-bg-hover: none;--os-track-bg-active: none;--os-track-border: none;--os-track-border-hover: none;--os-track-border-active: none;--os-handle-border-radius: 0;--os-handle-bg: none;--os-handle-bg-hover: none;--os-handle-bg-active: none;--os-handle-border: none;--os-handle-border-hover: none;--os-handle-border-active: none;--os-handle-min-size: 33px;--os-handle-max-size: none;--os-handle-perpendicular-size: 100%;--os-handle-perpendicular-size-hover: 100%;--os-handle-perpendicular-size-active: 100%;--os-handle-interactive-area-offset: 0}.os-scrollbar-track{border:var(--os-track-border);border-radius:var(--os-track-border-radius);background:var(--os-track-bg);transition:opacity .15s,background-color .15s,border-color .15s}.os-scrollbar-track:hover{border:var(--os-track-border-hover);background:var(--os-track-bg-hover)}.os-scrollbar-track:active{border:var(--os-track-border-active);background:var(--os-track-bg-active)}.os-scrollbar-handle{border:var(--os-handle-border);border-radius:var(--os-handle-border-radius);background:var(--os-handle-bg)}.os-scrollbar-handle:hover{border:var(--os-handle-border-hover);background:var(--os-handle-bg-hover)}.os-scrollbar-handle:active{border:var(--os-handle-border-active);background:var(--os-handle-bg-active)}.os-scrollbar-track:before,.os-scrollbar-handle:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;display:block}.os-scrollbar-horizontal{padding:var(--os-padding-perpendicular) var(--os-padding-axis);right:var(--os-size);height:var(--os-size)}.os-scrollbar-horizontal.os-scrollbar-rtl{left:var(--os-size);right:0}.os-scrollbar-horizontal .os-scrollbar-track:before{top:calc(var(--os-padding-perpendicular) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal .os-scrollbar-handle{min-width:var(--os-handle-min-size);max-width:var(--os-handle-max-size);height:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,height .15s}.os-scrollbar-horizontal .os-scrollbar-handle:before{top:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal:hover .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-horizontal:active .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-active)}.os-scrollbar-vertical{padding:var(--os-padding-axis) var(--os-padding-perpendicular);bottom:var(--os-size);width:var(--os-size)}.os-scrollbar-vertical .os-scrollbar-track:before{left:calc(var(--os-padding-perpendicular) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical .os-scrollbar-handle{min-height:var(--os-handle-min-size);max-height:var(--os-handle-max-size);width:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,width .15s}.os-scrollbar-vertical .os-scrollbar-handle:before{left:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before{right:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);left:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical:hover .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-vertical:active .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-active)}[data-overlayscrollbars-viewport~=measuring]>.os-scrollbar,.os-theme-none.os-scrollbar{display:none!important}.os-theme-dark,.os-theme-light{box-sizing:border-box;--os-size: 10px;--os-padding-perpendicular: 2px;--os-padding-axis: 2px;--os-track-border-radius: 10px;--os-handle-interactive-area-offset: 4px;--os-handle-border-radius: 10px}.os-theme-dark{--os-handle-bg: rgba(0, 0, 0, .44);--os-handle-bg-hover: rgba(0, 0, 0, .55);--os-handle-bg-active: rgba(0, 0, 0, .66)}.os-theme-light{--os-handle-bg: rgba(255, 255, 255, .44);--os-handle-bg-hover: rgba(255, 255, 255, .55);--os-handle-bg-active: rgba(255, 255, 255, .66)}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport]),[data-overlayscrollbars-viewport~=scrollbarHidden],html[data-overlayscrollbars-viewport~=scrollbarHidden]>body{scrollbar-width:none!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar,[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar-corner,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner,html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar,html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar-corner{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;display:none!important;width:0!important;height:0!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body){overflow:auto}: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}.os-theme-resume{--os-size: 10px;--os-padding-perpendicular: 3px;--os-padding-axis: 3px;--os-handle-bg: color-mix(in srgb, var(--col-alt-header) 55%, transparent);--os-handle-bg-hover: color-mix(in srgb, var(--col-alt-header) 75%, transparent);--os-handle-bg-active: var(--col-alt-header)}:root{font-family:Inter,sans-serif;font-feature-settings:"liga" 1,"calt" 1}html{scroll-behavior:smooth;overflow-y:scroll;background-color:var(--col-bg);scrollbar-width:none}html::-webkit-scrollbar{display:none}body,html{font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size: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-fade);border-radius:5px;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,.image-container:hover video{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:1}.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}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.g1,.g2,.g3,.g4,.g5{animation:none}#cursor{display:none}html{scroll-behavior:auto}}@media (hover: none),(pointer: coarse){#cursor{display:none}.gradients-container{filter:none}.g1,.g2,.g3,.g4,.g5{animation:none}}: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%}}