:root{--orange-500:#f97316;--emerald-300:#41ffb3;--text-color:white;--bg-color:#181b2b;--bg-color-2:#0f111b;--font-size:20px;--mbl-font-size:16px;--proj-title-size:calc(var(--font-size) + 2px);--proj-desc-size:calc(var(--font-size) - 2px);--proj-tools-size:calc(var(--font-size) + .5px);--mbl-proj-title-size:calc(var(--mbl-font-size) + 2px);--mbl-proj-desc-size:calc(var(--mbl-font-size) - 2px);--mbl-proj-tools-size:calc(var(--mbl-font-size) + .5px)}*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI;transition:all .2s ease-in-out}body{background-color:var(--bg-color);color:#fff}
footer{justify-content:center;align-items:center;margin-top:20vh;margin-bottom:5vh;display:flex}
.navbar{z-index:99;z-index:9999;background-color:#000;width:100%;height:10vh;padding:1.25rem 4rem;position:sticky;top:0;box-shadow:0 2px 8px #00000014}.navbar *{transition:all .3s ease-in-out}.nav-container{justify-content:space-between;align-items:center;display:flex}.nav-container a{text-decoration:none}.logo{color:var(--text-color);font-size:2.75rem;font-weight:700}.links{gap:2.75rem;font-size:1.25rem;line-height:1.75rem;display:flex}.nav-link{color:var(--text-color);padding:.75rem}.nav-link:hover{color:var(--emerald-300)}.resume-link{color:#000;background-color:var(--emerald-300);border-radius:.75rem;padding:.75rem}.resume-link:hover{border-radius:1.5rem}.mobile-menu-icon{cursor:pointer;display:none}@media screen and (max-width:768px){.navbar{padding:1.25rem 2rem}.logo{font-size:2rem}.links{display:none}.mobile-menu-icon{display:block}.mobile-links{z-index:999;background-color:#000;flex-direction:column;width:70%;max-width:300px;height:100vh;padding-top:6rem;transition:transform .3s ease-in-out;display:flex;position:fixed;top:10vh;right:0;transform:translate(100%)}.mobile-links.open{transform:translate(0)}.mobile-links a{color:var(--text-color);padding:1rem 2rem;font-size:1.25rem;text-decoration:none}.mobile-links a:hover{color:var(--emerald-300)}.mobile-links .resume-link{background-color:var(--emerald-300);color:#000;border-radius:.75rem;margin:1rem 2rem;padding:.75rem 1rem}}