.navbar{color:#fff;z-index:1000;justify-content:space-between;align-items:center;padding:.01rem 2rem;display:flex;position:sticky;top:0}.nav-logo{font-size:1.5rem;font-weight:700}.nav-links{gap:2rem;list-style:none;display:flex}.nav-links a{color:#fff;font-size:1rem;text-decoration:none;transition:color .3s}.nav-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;display:none}.bar{background-color:#fff;width:25px;height:3px;transition:all .3s}@media (max-width:768px){.nav-toggle{display:flex}.nav-links{text-align:center;opacity:0;background-color:#333;flex-direction:column;gap:1.5rem;width:100%;max-height:0;padding:0;transition:max-height .4s,opacity .3s,transform .3s,padding .3s;display:flex;position:absolute;top:80px;left:0;overflow:hidden;transform:translateY(-10px)}.nav-links.open{opacity:1;max-height:400px;padding:1.5rem 0;transform:translateY(0)}.nav-toggle .bar.transform:first-child{transform:translateY(8px)rotate(45deg)}.nav-toggle .bar.transform:nth-child(2){opacity:0}.nav-toggle .bar.transform:nth-child(3){transform:translateY(-8px)rotate(-45deg)}}