@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap";
.nav-bar{z-index:20;justify-content:space-between;align-items:center;padding:10px 90px;display:flex;position:relative}.nav-links a{color:inherit;outline:none;text-decoration:none}.nav-links a:focus,.nav-links a:active{box-shadow:none;outline:none}.logo-image{width:200px;height:auto}ul.nav-links{color:#fff;text-transform:uppercase;gap:40px;font-family:Inter,sans-serif;font-size:20px;font-weight:600;list-style:none;display:flex}.hamburger.active span:first-child{background-color:#fff;transform:rotate(45deg)translate(6px,6px)}.hamburger.active span:nth-child(2){opacity:0;background-color:#fff}.hamburger.active span:nth-child(3){background-color:#fff;transform:rotate(-45deg)translate(5px,-5px)}ul.nav-links li{cursor:pointer;padding-top:20px}.hamburger{cursor:pointer;z-index:101;flex-direction:column;gap:5px;display:none;position:fixed;top:20px;right:40px}.hamburger span{background:#000;border-radius:2px;width:25px;height:3px;transition:all .3s}.menu-overlay{z-index:15;background:#00000080;width:100%;height:100vh;position:fixed;top:0;left:0}@media (max-width:1024px){.nav-bar{padding:20px 40px}ul.nav-links{gap:20px;font-size:18px}}@media (max-width:1292px){.hamburger{display:flex}ul.nav-links{z-index:20;background-color:#000;flex-direction:column;justify-content:center;align-items:center;width:250px;height:100vh;transition:transform .3s ease-in-out;position:fixed;top:0;right:0;transform:translate(100%)}ul.nav-links.active{transform:translate(0)}ul.nav-links li{text-align:center;padding:20px 0;font-size:22px}}