.nav-container{background-color:transparent;width:100%;color:var(--foreground);height:60px;position:fixed;top:0;left:0;z-index:1000;transition:background-color 1s ease}.nav-container.scrolled{background-color:rgba(0,0,0,.8)}.nav-row{justify-content:center;width:100%;height:100%}.nav-items,.nav-row{display:flex;flex-direction:row;align-items:center}.nav-items{justify-content:space-between;width:var(--widthMargin)}.left-items{display:flex;flex-direction:row;align-items:center;justify-content:start;gap:.5rem;transition:transform .5s ease}.left-items:hover{transform:scale(1.1);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.left-items img{height:2.5rem;width:auto}.left-items h1{color:var(--foreground);line-height:1}.left-items p{font-weight:700}.right-items{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1.75rem}.right-items p{font-weight:700;font-size:1rem;-webkit-text-stroke:.5px var(--foreground);transition:transform .5s ease,color .2s ease,-webkit-text-stroke .3s ease}.right-items p:hover{cursor:pointer;color:var(--primary);-webkit-text-stroke:.5px var(--primary);border-bottom:1.5px solid var(--primary);transform:scale(1.075)}.hamburger-menu{display:none;flex-direction:column;justify-content:space-between;width:28px;height:20px;cursor:pointer;z-index:1100}.hamburger-menu span{display:block;height:3px;width:100%;background-color:var(--foreground);border-radius:10px;transition:.4s}.hamburger-menu.open span:first-child{transform:translateY(8px) rotate(45deg)}.hamburger-menu.open span:nth-child(2){opacity:0}.hamburger-menu.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}@media (max-width:800px){.nav-container{background-color:rgba(0,0,0,.8)}.hamburger-menu{display:flex;position:absolute;right:1.5rem;top:1.1rem}.nav-items{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:90%}.right-items{display:none;flex-direction:column;position:absolute;top:60px;right:0;width:100%;background-color:rgba(0,0,0,.8);padding:1rem 2rem;text-align:right;gap:2rem}.right-items.open{display:flex}.right-items p{font-size:1.15rem;border:none}.right-items p:hover{border:none;transform:scale(1.05)}.social-button{align-self:flex-end}}