* {
  padding: 0;
  margin: 0;
}

html {
   background: transparent;
}

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

.meshbg-columns {
  width: 100vw;
  height: 100vh;
    position: absolute;
  top: 50%;
  left: 50%;
    transform: translate(-50%, -50%);
 background: var(--c6);
}



.meshparent-columns {
    position: absolute;
  top: 50%;
  left: 50%;
    width:var(--x1);
  height: var(--y1);
    transform: translate(-50%, -50%);
  z-index:1;
   background: linear-gradient(var(--r1), var(--c1),var(--c2),var(--c3),var(--c4),var(--c5));
  border-radius: var(--radi1);
}