html{
    background-color: black;
}


#logo{
    scale: 0.6;
}

.nav-gradient{
  background-image: linear-gradient( 180deg, rgba(255, 255, 255, 0.09) 10.51%, rgba(255, 255, 255, 0) 100% );
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 50px;
}

.nav-gradient::before{
    background-image: linear-gradient( 90deg, rgba(255, 255, 255, 0) 2.56%, rgba(255, 255, 255, 0.4) 51.48%, rgba(255, 255, 255, 0) 97.44% );
  height: 1px;
  position: absolute;
  left: 50%;
  top: 0px;
  width: 50%;
  --tw-translate-x: -50%;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}