:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}body{background:url(./coolbackground-sJSwdj2r.png) no-repeat;background-position:center;background-size:cover}.portfolio-title{display:block;margin:0 auto;cursor:default}.portfolio-subtext{letter-spacing:1.5vh;background-color:#6398bc39}.portfolio-subtext:hover{letter-spacing:1.5vh;background-color:#6398bc;cursor:pointer}.portfolio-subtext:active{background-color:#5685a4}#gear-icon{display:none}.gear-icon{padding:10;font-size:40px;width:50px;margin:50px auto 0}.gear-icon:hover{box-shadow:offset-x offset-y blur-radius spread-radius #6398bc;cursor:default;filter:grayscale(100%) brightness(.5)}.gear-icon:active{filter:grayscale(100%) brightness(.3)}@media (max-width: 435px){.portfolio-title{font-size:30px}.portfolio-subtext{font-size:15px}#gear.icon{font-size:10px}}@media (max-width: 700px){.portfolio-title{display:block}.portfolio-subtext{letter-spacing:1.5vh;background-color:#6398bc39;margin:20px auto 0}}@media (max-width: 700px){.nav-bar{margin-top:20px}.nav-selection{display:block}#nav-items{display:none;background-color:#000;padding:5px;width:230px;margin:100px auto 0;border-radius:5px}#gear-icon{display:block}}.nav-bar{padding:0;display:flex;flex-direction:column;justify-content:center;gap:20px;margin-top:100px}.nav-selection{background-color:#fff;border-radius:4px;padding:12px;width:200px;text-align:left;margin:0 auto;cursor:pointer}.nav-selection:active{animation:backwards}.nav-selection:hover{background-color:#6ca6cd}.nav-selection:active{background-color:#6398bc}a{color:#000;font-variant:small-caps;font-weight:700}a:hover{color:#fff}footer{font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:12px;background-color:#24242499;position:fixed;left:0;right:0;bottom:0;padding:0;width:100%}.page-content{margin-top:100px}.about-me-border{padding:25px;background-color:#1c1c1cbf;display:flex;flex-wrap:wrap;text-align:start;border-radius:10px;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}.skills-border{padding:25px;background-color:#1c1c1cbf;display:flex;flex-wrap:wrap;flex-direction:column;text-align:start;border-radius:10px;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}.skills-list{list-style:none;padding:0;word-spacing:2px}.skill-title{font-size:18px;color:#5685a4}.my-projects{padding:25px;background-color:#1c1c1cbf;display:flex;flex-wrap:wrap;flex-direction:column;text-align:start;border-radius:10px;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}.projects-list{list-style:none;padding:0;word-spacing:2px}.project-title{font-size:18px;color:#5685a4}.promo-videos{display:flex;flex-wrap:wrap;flex-direction:column}.promo-mobile,.promo-mac{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center}section{border:2px solid #5685a4;border-radius:20px;margin-top:20px;margin-bottom:20px}@media (max-width: 550px){section{width:300px;margin:0 auto}.promo-mac{width:300px}.mobile-vid-1,.mobile-vid-2,.mac-vid-1{display:flex;width:300px;margin:0 auto;padding:0}@media (max-width: 367px){section{width:200px;margin:0 auto}.mobile-vid-1,.mobile-vid-2,.mac-vid-1{display:flex;width:200px;margin:0 auto;padding:0}}}