header{display:flex;justify-content:center;background-color:var(--color-primary);border-bottom:2px solid var(--color-secondary);font-family:Arial,Helvetica,sans-serif;padding:1rem;font-size:1.25rem}.page-nav{width:100%}.page-nav>*{color:var(--color-secondary)}.page-nav>button{background-color:transparent;border:none}.menu-button{--width: 24px;--height: 4px;--anim-len: .2s}.menu-button:hover{cursor:pointer}.menu-button>span{--cross-offset: 0;--cross-angle: 0;width:var(--width);height:var(--height);background-color:var(--color-secondary);border-radius:.25rem;transition-property:translate,rotate,scale;transition-duration:calc(var(--anim-len) / 2),calc(var(--anim-len) / 2),var(--anim-len);transition-delay:calc(var(--anim-len) / 2),0ms,0ms}.menu-button.menu-open>span{translate:0 var(--cross-offset);rotate:z var(--cross-angle);transition-delay:0ms,calc(var(--anim-len) / 2),0ms}.menu-button.menu-open>span:nth-child(1){--cross-offset: calc(var(--width) / 2 - var(--height) / 2);--cross-angle: 45deg}.menu-button.menu-open>span:nth-child(2){scale:0}.menu-button.menu-open>span:nth-child(3){--cross-offset: calc(-1 * (var(--width) / 2) + var(--height) / 2);--cross-angle: -45deg}.icon{max-width:1.5rem;max-height:1.5rem}.icon:hover{cursor:pointer}:root.light header .icon{fill:orange}:root.dark header .icon{fill:#fff}.icon *{fill:inherit!important}.menu-button{display:none}.page-nav{max-width:45em;display:flex;align-items:center;justify-content:space-around}@media (max-width: 26.5em){header{flex-direction:column;align-items:end;gap:.5rem}.menu-button{display:flex;flex-direction:column;border:none;background-color:transparent;gap:calc((var(--width) - var(--height) * 3) / 2)}.page-nav{display:flex;flex-direction:column;align-items:start;gap:.25rem}.page-nav-hidden{display:none}}#about section:nth-child(2n)>div{border:2px solid var(--color-secondary);border-radius:1rem}#about{display:flex;flex-direction:column;gap:1rem}#about section>div{padding:1rem;max-width:64rem}#about>section{display:flex;justify-content:center}#intro-section{margin:2rem 0rem}#intro-section>div{width:100%}#skills-section>div{width:100%}#skills-section>div>ul{column-count:2;line-height:1.5rem;font-size:min(calc(1rem + .5vw),1.5rem);margin-top:.5rem;display:flex;flex-wrap:wrap;list-style:none;gap:.25rem}#skills-section li{padding:.5rem;border-radius:.25rem;border:2px solid var(--color-secondary)}#skills-section li:hover{color:var(--color-highlight);cursor:default}.intro-heading{min-height:1.1em;line-height:1.1em;font-size:calc(3em + .5vw)}h1{font-size:calc(2rem + .5vw)}h2{font-size:calc(1.25rem + .5vw)}p{font-size:calc(1rem + .5vw)}@media (width < 64rem){#about section:nth-child(2n)>div{border-left:none;border-right:none;border-radius:0rem}#intro-section>div{width:fit-content}}.typewriter{position:relative;overflow:hidden}.typewriter:after{content:"";position:absolute;background-color:var(--color-secondary);width:.1em;height:1em}.typewriter--finished:after{animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}#projects{display:flex;flex-direction:column;gap:1rem;margin-top:1rem;margin-bottom:1rem}.project{display:flex;flex-direction:column;align-items:center;width:100%}.project>div{border-radius:.5rem;border:2px solid var(--color-secondary);width:100%;max-width:64em;display:flex;flex-direction:column;padding:1rem}@media (width < 64em){#projects>.project>div{border-radius:0;border:1px solid var(--color-secondary);border-left:none;border-right:none}#projects>.project:last-child>div{border-bottom:2px solid var(--color-secondary)}#projects>.project:first-child>div{border-top:none}#projects{gap:0;margin-top:0;margin-bottom:-2px}}#contact{margin-top:1rem}#contact-section{padding:1rem;display:flex;justify-content:center;align-items:center}main{background-color:var(--color-primary);color:var(--color-secondary);flex:1;display:flex;flex-direction:column}:root{--color-teal: #09d7d7;--color-black: #0a0a0a;--color-grey: #716b76;--color-tertiary: #4d9aff;box-sizing:border-box;font-family:Roboto,Helvetica}:root.light{--color-primary: white;--color-secondary: var(--color-black);--color-tertiary: #4e6688;--color-highlight: #09d7d7}:root.dark{--color-primary: var(--color-black);--color-secondary: white;--color-highlight: #09d7d7}*,*:after,*:before{box-sizing:inherit;margin:0;padding:0}a{cursor:pointer;position:relative}a:after{--width: 0;--height: 0;opacity:0%;content:"";position:absolute;width:100%;height:2px;bottom:-2px;transform:translate(-100%) scaleX(var(--width));background-color:var(--color-highlight);transition:.15s transform cubic-bezier(.5,.75,.5,.25),.15s cubic-bezier(.5,.75,.5,.25) opacity;transform-origin:left}a{text-decoration:none}@media (hover: hover){a:hover{color:var(--color-highlight)}a:hover:after{--width: 100%;opacity:100%}}@media (prefers-color-scheme: light){:root{--color-primary: white;--color-secondary: black;--color-tertiary: #4e6688;--color-highlight: #09d7d7}}html,body,#root{height:100%}#root{display:flex;flex-direction:column}p{line-height:1.5em}.highlight{color:var(--color-highlight)}footer{background-color:var(--color-primary);color:var(--color-secondary);border-top:2px solid var(--color-secondary);padding:.5em;text-align:center}