*{box-sizing:border-box;margin:0;padding:0;font-family:sans-serif}.navbar{z-index:10;-webkit-backdrop-filter:blur(12px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:24px;justify-content:space-between;align-items:center;width:calc(100% - 40px);padding:12px 20px;transition:background .5s;display:flex;position:fixed;top:20px;left:20px;right:20px;overflow:hidden;box-shadow:0 10px 30px #00000040,inset 0 1px 1px #ffffff0d}.navleft{align-items:center;gap:2px;display:flex}.nav-logo{width:76px;height:45px}.nav-title{justify-content:flex-start;align-items:center;display:flex}.nav-title p{display:none}.nav-title-main{letter-spacing:-1px;color:#24defb;margin-bottom:3px;font-size:2rem;font-weight:800}.projects .nav-title-main{color:#c8caca}.title-separator{color:#94a3b8;font-size:clamp(1.2rem,2vw,1.5rem);font-weight:400}.navright{gap:5%;margin-right:20px;display:flex}.nav-item{color:#cbd5e1;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;padding:10px;font-size:.9rem;text-decoration:none;transition:all .25s;display:flex}.nav-item:hover{background:#ffffff0d;transform:translateY(-2px)}.nav-item.active-tab{color:#24defb;background:#0be2f524;border:1px solid #fbbf242e;font-weight:600}@media (max-width:768px){.navbar{flex-direction:column;gap:10px;padding:20px 10px}.nav-logo-box{margin-left:-3%}.scrollActive{background:#08738bd9;left:-90%}}@media (max-width:535px){.hid-name{display:none}.nav-logo{width:54px;height:33px;margin-right:3px}.nav-title-main{margin-top:-2px;font-size:1.7rem}.nav-title p{color:#94a3b8;margin-top:5px;margin-left:5px;font-size:clamp(.8rem,2vw,1rem);font-weight:400;display:block}.title-separator{display:none}.navright{gap:2%}.nav-item{padding:9px 10px;font-size:clamp(.7rem,3vw,.9rem)}.scrollActive{background:#08738bd9;left:-85%}}@media (max-width:345px){.nav-title-main{margin-bottom:2.6px;font-size:1.5rem}}@media (max-width:270px){.nav-title-main{margin-bottom:2.6px;font-size:1.5rem}}