.nav{width:100vw;height:10vh;position:fixed;top:0;left:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:1.805vh 16.667vw;box-sizing:border-box;background:linear-gradient(180deg,rgba(0,0,0,.8),transparent);transition:background-color .3s ease-in-out}body:has(.scrolled) .nav{background:#000}.nav img{width:52px}.nav__logo{width:8.385vw;height:2.708vw;display:flex}.nav__logo span{color:var(---1,#fff);font-family:Lato;font-size:1.771vw;font-style:normal;font-weight:900;line-height:2.188vw;margin-left:.521vw;margin-top:.26vw}.nav__buttons{display:flex;align-items:center;gap:1rem}.nav__button1{background:var(---,#e22826)}.nav__button1,.nav__button2{display:flex;padding:.313vw .625vw;justify-content:center;align-items:center;gap:.521vw;border-radius:.313vw;color:var(---1,#fff);font-family:Lato;font-size:1.042vw;font-style:normal;font-weight:600;line-height:1.25vw}@media screen and (max-width:375px){.nav{display:none}}