* {
  padding: 0;
  margin: 0;
}

html {
   background: transparent;
}

body {
  height: 100vh;
  overflow: hidden;
}


.meshbg {
  width: 100vw;
  height: 100vh;
    position: absolute;
  top: 50%;
  left: 50%;
    transform: translate(-50%, -50%);
  background: linear-gradient(0deg, var(--c1),var(--c3),black);
}


.mesh1 {
  width: var(--x1);
   height: var(--y1);
    position: absolute;
  top: 50%;
  left: 50%;
    transform: translate(-50%, -50%);
  background: linear-gradient(0deg, var(--c2),var(--c4),black);
}