/* mnain menu styles */

.lv .menu-home {
  left: 0.5%;
}

.lv .menu-home .text {
  position: relative;
  margin: 0 auto;
  max-width: 90%;
  top: -80.5%;

}

.lv .menu-home p {
  margin: 10% 0 5% 0;
}

.lv .menu-home .ball {
  position: relative;
  flex-shrink: 0;
  left: 25%;
  width: 100%;
  height: 100%;
  
  overflow: hidden;
  border-radius: 100% 15% 225% 75%;
      top: 0%;
}

.lv .menu-home .background {
  position: relative;
  z-index: 0;
  top: 0;
  left: 0;
  flex-shrink: 0;
  width: 100vw;
  background-color: hsla(234deg, 100%, 89%, 0.72);
  height: 76%;
}

.lv .menu-home #gradient {
  width: 100%;
  height: 100%;
  opacity: 25%;
  z-index: 0;
}

@media (min-width: 540px) {
  .lv .menu-home .text {
    top: -68%;
  }

  .lv .menu-home p {
    margin: 8% 0 2% 0;
  }

  .lv .menu-home .ball {
    border-radius: 25% 7% 70% 28%;
    top: -0.45%;
  }

  .lv .menu-home .background {
    height: 64%;
  }
}

@media (min-width: 720px) {
  .lv .menu-home .text {
    top: -65%;
  }

  .lv .menu-home p {
    margin: 8% 0 4% 0;
  }

  .lv .menu-home .ball {
    border-radius: 25% 7% 70% 28%;
    top: -0.45%;
  }

  .lv .menu-home .background {
    height: 61%;
  }
}

@media (min-width: 820px) {
  .lv .menu-home .text {
    top: -72%;
  }

  .lv .menu-home p {
    margin: 10% 0 8% 0;
  }

  .lv .menu-home .ball {
    border-radius: 90% 30% 180% 90%;
  }

  .lv .menu-home .background {
    height: 68%;
  }
}

@media (min-width: 1140px) {
  .lv .menu-home .text {
    top: -55%;
  }

  .lv .menu-home p {
    margin: 6% 0 4% 0;
  }

  .lv .menu-home .ball {
    border-radius: 90% 30% 180% 90%;
    top: 0;
  }

  .lv .menu-home .background {
    height: 53%;
  }
}

@media (min-width: 1340px) {
  .lv .menu-home .text {
    top: -55.8%;
  }

  .lv .menu-home p {
    margin: 7% 0 5% 0;
  }

  .lv .menu-home .background {
    height: 54%;
  }
}

@media (min-width: 1570px) {
  .lv .menu-home .text {
    top: -54%;
  }

  .lv .menu-home p {
    margin: 7% 0 5% 0;
  }

  .lv .menu-home .background {
    height: 52%;
  }
}