:root{--accent:#d7d1ca;--accent-hover:#7367ff;--text-primary:#232323;--text-secondary:#808282;--text-white:#fff;--star:#11f2b1}.landing-wrapper{margin:0 auto;padding:0 50px;width:100%}.landingHeader{background:#232323;padding:25px 0;position:fixed;transition:.5s;width:100%;z-index:9}.landingHeader nav{align-items:center;backdrop-filter:blur(10px);display:flex;justify-content:space-between;width:100%}.landingHeader nav .logo{align-items:center;display:flex;gap:10px}.landingHeader nav .logo img{width:90%}.landingHeader nav ul{display:flex;gap:36px;list-style:none;margin:0}.landingHeader nav ul li a{color:var(--accent);font-family:Roboto,sans-serif;font-size:16px;font-weight:500;letter-spacing:.5px;position:relative;text-decoration:none;transition:all .5s ease}.landingHeader nav ul li a:hover{color:var(--accent-hover)}.landingHeader nav ul li a:before{background-color:var(--accent-hover);bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:.3s;width:0}.landingHeader nav ul li a:focus:before,.landingHeader nav ul li a:hover:before{width:100%}