: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:#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}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#vanta{min-height:100dvh;width:100%;position:fixed;z-index:-5;top:0;left:0}.cursor{animation:blink 1s infinite}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}.home-section{max-height:100dvh;width:100vw;max-width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.home-section h1{color:#cad194;font-size:6rem;margin:0;transition:.5s;text-align:center}.home-section h1:hover{-webkit-text-stroke:2px #fff;color:transparent;cursor:default}.home-section h4{color:#fff;font-size:1.25rem;margin:1rem 0 0}.home-section h4:hover{-webkit-text-stroke:.5px #fff;color:transparent;cursor:default}.top-navigation{position:absolute;top:1rem;right:1rem;z-index:1000}.top-nav-buttons{border-radius:5rem;border:1px solid rgba(255,255,255,.2);color:#fff;background:#2727271a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(60px)}.top-btn{border:none;background-color:transparent;color:#fff}.top-btn:hover{cursor:pointer;border-radius:5rem;background:#fafafa1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(60px)}.top-btn a{text-decoration:none;color:#fff}.top-btn p{margin:0;padding:1rem}@media only screen and (max-width: 27rem){.top-nav-buttons{padding:0}.top-btn p{margin:0;padding:.25rem 0}}.about-section{display:flex;align-items:center;justify-content:center;width:100vw;min-height:100dvh}.selfie{display:flex;justify-content:center;align-items:end;width:fit-content;padding-right:1rem}.selfie img{width:35rem;height:35rem}.about{display:grid;grid-template-columns:50rem;gap:1rem;padding-left:1rem;height:fit-content;border-radius:2rem;border:1px solid rgba(255,255,255,.2);padding:1rem;color:#fff;background:#2727271a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media only screen and (max-width: 27rem){.about-section{flex-direction:column;margin-top:1rem;padding-bottom:3rem}.about{display:flex;margin:1rem}.selfie img{width:20rem;height:20rem}}.experience-section{display:flex;justify-content:center;align-items:center;width:100vw;min-height:100dvh;margin:0 auto}.grid{display:grid;grid-template-columns:40% 20%;gap:1rem 5rem;margin-bottom:4rem;justify-content:center}.grid h2{font-size:2rem;margin:0}.grid h4{text-indent:.5rem;text-decoration:underline}.skills{color:#fff;border-radius:2rem;border:1px solid rgba(255,255,255,.2);padding:1rem;width:fit-content;background:#27272733;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.skills h2,.codecademy h2{text-align:center}.americorps h2 P{text-align:center}.codecademy{display:flex;flex-direction:column;justify-content:center;color:#fff;border-radius:2rem;border:1px solid rgba(255,255,255,.2);background:#27272733;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.americorps{display:flex;flex-direction:column;justify-content:center;width:fit-content;border-radius:2rem;border:1px solid rgba(255,255,255,.2);color:#fff;background:#27272733;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.americorps-imgs{text-align:center}.cell{width:100%;color:#fff;border-radius:2rem;border:1px solid rgba(255,255,255,.2);padding:2rem;background:#27272733;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile{display:none}.codecademy-logo{align-self:center;width:8rem;margin-top:1rem;margin-bottom:1rem}.cityyear-logo{width:5rem;padding-right:1rem}.nccc-logo{width:5rem;padding-left:1rem}@media only screen and (max-width: 27rem){.grid{grid-template-columns:1fr;margin-top:1rem;justify-items:center}.cell{width:80%}.desktop{display:none}.mobile{display:flex;flex-direction:column;justify-content:center}.mobile h2{align-self:center}.skills h2{margin:0}.codecademy-logo{align-self:start}.americorps-imgs{padding:.5rem 0}}.projects-section{width:100vw;min-height:100dvh;display:flex;justify-content:center;align-items:center}.projects-grid{display:grid;grid-template-columns:1fr 1fr 1fr;justify-items:center;align-items:center;margin:1rem 1rem 5rem;gap:1rem}.project img{width:100%;border-radius:2rem}.project img:hover{cursor:pointer;scale:1.04}.project{text-align:center;min-width:80%;max-width:80%;border-radius:2rem;border:1px solid rgba(255,255,255,.2);padding:1rem;color:#fff;background:#27272733;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media only screen and (max-width: 27rem){.projects-grid{grid-template-columns:1fr;gap:1rem;margin-bottom:4rem;padding:1rem 0}.project img{max-width:20rem;border-radius:2rem}.project{margin:0 1rem;max-width:20rem}}*{margin:0;padding:0}.client-section{min-height:100dvh;min-width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center}.client-text{color:#fff;border-radius:2rem;border:1px solid rgba(255,255,255,.2);padding:2rem;margin:1rem 0;min-width:45rem;background:#27272733;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.client-text h2{padding:1rem 0}.client-text h3{padding:1rem 0 0}.client-text ul{padding-left:2rem}.client-btns{display:flex;gap:2rem}.help-button{color:#fff;border-radius:2rem;border:1px solid rgba(255,255,255,.2);padding:1rem;width:fit-content;font-size:1rem;background:#ffffff28;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.help-button:hover{cursor:pointer;scale:1.1;border:white 1px solid;font-size:1.1rem}@media only screen and (max-width: 27rem){.client-text{min-width:80%;margin:0;padding:1rem;margin:1rem;text-align:center}.client-text h2{padding-top:1rem}.client-text li{text-align:start}.client-btns{justify-content:center}}.navbar{width:100%;position:fixed;bottom:.25rem;display:flex;justify-content:center;align-content:center;z-index:1000}.btns{border-radius:5rem;border:1px solid rgba(255,255,255,.2);padding:.5rem;color:#fff;background:#2727271a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(60px);z-index:1000;pointer-events:auto;display:flex;align-items:center;position:relative}.btn{padding:.75rem;min-width:8rem;outline:none;font-size:1rem;border:none;background-color:transparent;color:#fff;cursor:pointer;z-index:1001;position:relative;pointer-events:auto;transition:all .3s ease}.btn:hover{cursor:pointer;transform:scale(1.05);transition:transform .2s ease}.outline{position:relative;z-index:1}.nav-indicator{left:0;width:0;position:absolute;height:calc(100% - .5rem);border-radius:5rem!important;background:#fafafa1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(60px);transition:left .4s cubic-bezier(.16,1,.3,1),width .4s cubic-bezier(.16,1,.3,1);z-index:0;min-width:2rem;background:linear-gradient(90deg,#fafafa0d,#fafafa33,#fafafa0d);background-size:200% 100%;animation:shimmer 2s infinite linear;will-change:left,width}@keyframes shimmer{0%{background-position:-100% 0}to{background-position:200% 0}}@supports (-webkit-touch-callout: none){.nav-indicator{opacity:.75;background:linear-gradient(90deg,#fafafa0d,#fafafa1a,#fafafa0d)}}@media only screen and (max-width: 27rem){.btn{padding:.4rem;min-width:4.25rem;outline:none;border:none;font-size:1rem}.nav-indicator{height:calc(100% - .75rem)}.resume-download{top:1rem;right:1rem;background:#2727271a;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(60px);border:2px solid rgba(255,255,255,.2);box-sizing:border-box;padding:.8rem;border-radius:2rem;transition:opacity .3s ease}.resume-download img{width:2rem}}