.navbar{position:absolute;display:flex;justify-content:space-between;align-items:center;width:100%;padding:2rem 9rem 2rem 9rem;gap:8.5rem;z-index:3}#logo{width:1.5rem}.nav-list{display:flex;align-items:flex-start;list-style:none;gap:4rem}.nav-list hr{display:none}.nav-list .item{display:flex;align-items:center;color:var(--primary-color);text-decoration:none;font-family:"Inter",sans-serif;gap:1rem;transition:0.2s ease}.nav-list .item:hover,.nav-list .item:focus{color:var(--highlight-color)}.nav-list .item span{display:none}.mobile-menu{display:none;cursor:pointer}.mobile-menu div{width:25px;height:3px;background:var(--primary-color);margin:5px auto;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}@media (max-width:1150px){.navbar{padding:2rem 5rem 2rem 5rem}}@media (max-width:768px){.navbar{position:fixed;z-index:9999;transition:background 0.3s ease}.navbar.scrolled{background:var(--background-color)}.nav-list{position:fixed;left:-100%;top:0;gap:1rem;padding:7rem 5rem 5rem 5rem;flex-direction:column;align-items:start;background:var(--background-color);width:100%;height:100%;text-align:center;transition:0.3s}.nav-list hr{display:block;width:100%;border:.5px solid var(--secondary-color);margin-bottom:2rem}.nav-list .item span{display:block}.nav-list.active{left:0}.nav-list li{margin:1rem 0rem}.mobile-menu{display:block}.mobile-menu.active .bar:nth-child(2){opacity:0}.mobile-menu.active .bar:nth-child(1){transform:translateY(8px) rotate(45deg)}.mobile-menu.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}}@media (max-width:481px){.navbar{padding:2rem 2rem 2rem 2rem}.nav-list{padding:6rem 2rem 5rem 2rem}}@media (max-width:359px){.navbar{padding:2rem 1rem 2rem 1rem}.nav-list{padding:6rem 1rem 5rem 1rem}}