.navigation{justify-content:space-between;align-items:center;max-width:1200px;height:100px;margin:0 auto;display:flex}.navigation .logo-container{width:300px;height:auto;padding:5px}.navigation .logo-container .logo{width:100%;height:100%}.navigation .nav-links-container{justify-content:flex-end;align-items:center;width:100%;height:100%;display:flex}.navigation .nav-links-container .nav-link{cursor:pointer;color:#999;padding:10px 15px;font-size:20px;text-decoration:none;transition:color .3s}.navigation .nav-links-container .nav-link:hover,.navigation .nav-links-container .nav-link.active{color:#000;font-weight:400}.navigation .hamburger{cursor:pointer;flex-direction:column;gap:5px;display:none}.navigation .hamburger span{background-color:#000;width:25px;height:3px;transition:all .3s}.navigation .hamburger.active span:first-child{transform:rotate(45deg)translate(5px,5px)}.navigation .hamburger.active span:nth-child(2){opacity:0}.navigation .hamburger.active span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}@media (max-width:768px){.navigation .hamburger{display:flex}.navigation .logo-container{width:220px;padding:3px}.navigation .nav-links-container{z-index:1000;opacity:0;visibility:hidden;pointer-events:none;will-change:transform,opacity;background-color:#fff;flex-direction:column;width:200px;padding:1rem;transition:transform .3s ease-in-out,opacity .2s;display:flex;position:fixed;top:90px;right:0;transform:translate(100%);box-shadow:0 4px 6px #0000001a}.navigation .nav-links-container.open{opacity:1;visibility:visible;pointer-events:auto;height:110px;transform:translate(0)}}@media (max-width:480px){.navigation .logo-container{width:180px;padding:2px}.navigation .hamburger{margin-left:10px}}