* {
  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: linear-gradient(0deg, var(--c1),var(--c6));
}



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

.meshparent-columns {
display:grid;
    gap:0;
    grid-template-columns: 20% 20% 20% 20% 20%;
  grid-template-rows: 100%;
    position: absolute;
  top: 50%;
  left: 50%;
    width:var(--x1);
  height: var(--y1);
    transform: translate(-50%, -50%);
  z-index:1;
}




.meshchild1-columns {
   z-index:1;
  background: linear-gradient(90deg, var(--c1),var(--c2));
    height: 100%;
}

.meshchild2-columns {
   z-index:1;
  background: linear-gradient(90deg, var(--c2),var(--c3));
    height: 100%;
}

.meshchild3-columns {
   z-index:1;
  background: linear-gradient(90deg, var(--c3),var(--c4));
    height: 100%;
}

.meshchild4-columns {
   z-index:1;
  background: linear-gradient(90deg, var(--c4),var(--c5));
    height: 100%;
}

.meshchild5-columns {
   z-index:1;
  background: linear-gradient(90deg, var(--c5),var(--c6));
    height: 100%;
}

.meshparent-rows {
display:grid;
    gap:0;
    grid-template-columns: 100%;
  grid-template-rows: 20% 20% 20% 20% 20%;
    position: absolute;
  top: 50%;
  left: 50%;
    width:var(--x1);
  height: var(--y1);
    transform: translate(-50%, -50%);
  z-index:1;
}

.meshchild1-rows {
   z-index:1;
  background: linear-gradient(0deg, var(--c2),var(--c1));
    height: 100%;
}

.meshchild2-rows {
   z-index:1;
  background: linear-gradient(0deg, var(--c3),var(--c2));
    height: 100%;
}

.meshchild3-rows {
   z-index:1;
   background: linear-gradient(0deg, var(--c4),var(--c3));
    height: 100%;
}

.meshchild4-rows {
   z-index:1;
  background: linear-gradient(0deg, var(--c5),var(--c4));
    height: 100%;
}

.meshchild5-rows {
   z-index:1;
  background: linear-gradient(0deg, var(--c6),var(--c5));
    height: 100%;
}