:root{--orange-500:#f97316;--emerald-300:#41ffb3;--text-color:white;--bg-color:#181b2b;--bg-color-2:#0f111b;--font-size:20px;--mbl-font-size:18px;--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;display:flex}footer{margin-top:100px;margin-bottom:30px}@media screen and (max-width:768px){footer{text-align:center;justify-content:center;width:75%}}
.navbar{z-index:9999;align-items:center;width:100%;height:80px;padding:0 4rem;display:flex;top:0}.navbar *{transition:all .3s ease-in-out}.nav-container{justify-content:space-between;align-items:center;width:100%;display:flex}.nav-container a{text-decoration:none}.logo{color:var(--text-color);font-size:2.25rem;font-weight:700}.links{gap:2rem;font-size:1.125rem;line-height:1.5rem;display:flex}.nav-link{color:var(--text-color);border-radius:.5rem;padding:.5rem .75rem}.nav-link:hover{color:var(--emerald-300)}.resume-link{color:#000;background-color:var(--emerald-300);border-radius:.75rem;padding:.5rem 1rem;font-weight:500}.resume-link:hover{border-radius:1.25rem}.mobile-menu-icon{cursor:pointer;cursor:pointer;display:none}.drawer-header,.mobile-link,.mobile-resume-link{display:none}@media screen and (max-width:768px){.links{display:none}.navbar{height:60px;padding:0 1.5rem}.nav-container{justify-content:space-between;align-items:center;height:100%;display:flex}.logo{font-size:1.75rem;line-height:1}.mobile-menu-icon{color:var(--text-color);align-items:center;height:100%;display:flex}.overlay{opacity:0;pointer-events:none;z-index:9998;background:#00000040;transition:opacity .3s ease-in-out;position:fixed;inset:0}.overlay.active{opacity:1;pointer-events:all}.mobile-drawer{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);z-index:9999;background:#181b2b99;flex-direction:column;gap:2rem;width:280px;height:100vh;padding:2rem;transition:transform .35s ease-in-out;display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.mobile-drawer.open{transform:translate(0)}.drawer-header{justify-content:flex-end;display:flex}.mobile-link{color:var(--text-color);font-size:1.25rem;text-decoration:none;display:block}.mobile-link:hover{color:var(--emerald-300)}.mobile-resume-link{background-color:var(--emerald-300);color:#000;text-align:center;border-radius:.75rem;padding:.75rem;text-decoration:none;display:block}}