.nav{z-index:30;align-items:center;width:100vw;height:64px;padding:15px;transition:all .3s;display:flex;position:fixed;top:0;box-shadow:0 4px 20px #00000040}.nav.dark{background-color:#1a192e}.nav-container{width:1260px;max-width:100%;margin:0 auto}.nav .logo{cursor:pointer;object-fit:contain;width:160px;height:auto;margin-right:60px}.nav .blue{color:#fff;background:linear-gradient(91.97deg,#0051ff -10.07%,#00fff0 126.39%)}.nav .blue:hover{background-position:0 100%}.nav .red{color:#fff;background:linear-gradient(91.97deg,#ed664a -10.07%,#ea4965 126.39%)}.nav .ghost-white{color:#fff;background:0 0;box-shadow:0 0 0 1px #fff}.nav .ghost-white.active,.nav .ghost-white:hover{color:#1a192e;background-color:#fff}.nav .round-min{border-radius:8px;padding:0 30px}.nav .round-big{border-radius:50px;padding:0 20px}.nav .middle{letter-spacing:1.2px;justify-content:center;align-items:center;height:30px;font-size:16px;display:flex}.nav .mini{letter-spacing:1px;color:#fff;justify-content:center;align-items:center;height:20px;font-size:14px;display:flex}.nav .btn{cursor:pointer;margin:0 8px;text-decoration:none;transition:all .3s;position:relative}@media only screen and (max-width:1280px){.nav .nav-container{width:100%;padding:0 20px}}@media only screen and (max-width:1024px){.nav .nav-container{padding:0 15px}.nav .logo{width:140px;margin-right:40px}}