.navigation-container{--menu-height:6em;--bar-height:0.25rem;--bar-width:2rem;--burger-bar-translateX:0.325em;--burger-bar-first-translateY:0.65em;--burger-bar-third-translateY:0.775em;--max-logo-height:6;--max-logo-difference:4;--logo-starting-translateY:35;background-color:var(--clr-dark);height:var(--menu-height)}.sticky-navigation-container{position:-webkit-sticky;position:sticky;top:0;z-index:20}nav{width:100%;display:grid;align-items:center;grid-template-rows:calc(var(--menu-height) - 2rem);grid-template-columns:1fr 1fr 1fr;padding:1em;position:absolute;z-index:98}.nav-scroll{background-color:rgb(0,0,0,calc((min(var(--scroll), var(--logo-starting-translateY))/ var(--logo-starting-translateY))))}nav>*{grid-row:1}.nav-socials{grid-column:1}.nav-logo{grid-column:2;justify-self:center;align-self:center;height:calc((var(--max-logo-height) - var(--max-logo-difference)) * 1rem)}.nav-logo,.nav-logo img{max-width:-moz-fit-content;max-width:fit-content}.nav-logo img{height:100%}.logo-scroll{transform:translateY(calc(1vh * var(--logo-starting-translateY) - 1vh * min(var(--scroll), var(--logo-starting-translateY))));height:min(1rem * calc(var(--max-logo-height) - (min(var(--scroll), var(--logo-starting-translateY)) * (var(--max-logo-difference) / var(--logo-starting-translateY)))),1rem * var(--max-logo-height))}.burger-menu{grid-column:3;width:var(--bar-width);justify-self:end;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;cursor:pointer}.burger-bar{width:var(--bar-width);height:var(--bar-height);background-color:var(--clr-light);border-radius:.5em}#menu-container{position:fixed;z-index:99;top:var(--menu-height);right:-100%;width:100%;height:calc(100% - var(--menu-height));background-color:var(--clr-dark);transition:all .6s ease}.menu{text-align:center;list-style-type:none;display:flex;flex-direction:column;justify-content:center;gap:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:all .7s ease}.link{display:inline-block;text-decoration:none;color:var(--clr-light);font-size:var(--fs-h1);font-weight:600;font-family:var(--ff-primary);filter:brightness(.5);transition:all .3s ease-in-out}.link:hover{color:var(--clr-accent);transform:scale(1.2);filter:brightness(1)}.burger-bar.clicked:first-child{transform:rotate(45deg) translate(var(--burger-bar-translateX),var(--burger-bar-first-translateY));transition:.5s ease-out}.burger-bar.clicked:nth-child(2){transform:scale(.01);transition:.5s ease-out}.burger-bar.clicked:nth-child(3){transform:rotate(135deg) translate(calc(-1 * var(--burger-bar-translateX)),var(--burger-bar-third-translateY));transition:.5s ease-out}.burger-bar.unclicked{transform:rotate(0) translate(0);transition:.5s ease-out}@media (max-width:1259px){.navigation-container{--max-logo-height:4;--max-logo-difference:2}}@media (max-width:879px){.navigation-container{--max-logo-height:3;--max-logo-difference:1.5}.nav-socials{display:none}}@media (max-width:549px){.navigation-container{--menu-height:4em;--max-logo-height:1.5;--max-logo-difference:0.5;--bar-height:0.125rem;--bar-width:2rem;--burger-bar-translateX:0.175em;--burger-bar-first-translateY:0.65em;--burger-bar-third-translateY:0.775em}.burger-bar.clicked:first-child,.burger-bar.clicked:nth-child(3){height:.175rem}}.transparent{background-color:transparent}.hide{display:none}