:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#282828;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}:root::-webkit-scrollbar{display:none}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px}h1{font-size:3.2em;line-height:1.1}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.work-card{background-color:#282828;width:100%}h2{font-family:MesloFont;text-transform:lowercase;color:#fbf1c7;font-size:14px}.work-card-worktitle{font-family:MesloFont;text-transform:lowercase;color:#fbf1c7;font-size:16px}h5{font-family:MesloFont;text-transform:lowercase;color:#fbf1c7;font-size:13px}@font-face{font-family:MesloFont;src:url(./MesloLGS-Regular-WZ1bqco6.ttf) format("meslo-reg");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:MesloFont;src:url(./MesloLGS-Regular-WZ1bqco6.ttf);font-weight:400;font-style:normal;font-display:swap}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.intro-hi{color:#d79921;font-family:MesloFont;font-weight:700}.intro-name{color:#cc241d;font-family:MesloFont;font-weight:700}.intro-middle-text{color:#fbf1c7}.portrait-img{width:20vw;height:52vh;border-radius:60px;border-color:#d79921;border-width:5px;border-style:solid}.horizontal-line{position:absolute;border-top:.5px solid #fbf1c7;width:100%;border-radius:2px;top:50%}.work-section-title-line-div{position:relative;width:65%}.work-section-title{width:100vw}.section{width:100%;place-items:center}.work-section-work-div{width:20%;align-items:end;text-align:end}.work-stack{width:60%}.work-card{background-color:#282828}.project{border-radius:5px;border-width:30px;border-color:#d79921;width:100%}h3{font-family:MesloFont;text-transform:lowercase;color:#fbf1c7;font-size:13px}h4,h5{font-family:Meslofont;color:#fbf1c7;font-size:30px}.intro-text{display:inline-block;font-size:45px;overflow:hidden;border-right:.15em solid orange;white-space:nowrap;letter-spacing:.15em;width:0;animation:typing 2.5s steps(22,end) forwards,blink-caret .75s step-end infinite}@keyframes typing{0%{width:0}to{width:22ch}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:orange}}.app-bar{place-content:left;width:100vw;top:0}.menu-bar{top:0}.menu-options-stack{width:67vw}.menu-right-bar{width:33vw}.appbar-text{font-family:MesloFont;text-transform:lowercase;color:#fbf1c7;font-size:13px}.about-me-text{font-family:MesloFont;text-transform:lowercase;color:#fbf1c7;font-size:18px}h1{font-family:MesloFont;text-transform:lowercase;color:#d79921;font-size:20px;font-weight:700}h2{font-family:MesloFont;text-transform:lowercase;color:#fbf1c7;font-size:13px}h3{font-family:MesloFont;text-transform:lowercase;color:#d79921;font-size:20px;font-weight:700}.tool-text{font-family:MesloFont;text-transform:lowercase;color:#cc241d;font-size:10px;font-weight:700}.project-title-text{font-family:MesloFont;text-transform:lowercase;color:#d79921;font-size:20px;font-weight:700}