body {
  margin: 0;
  min-height: 100vh;
}
.bg-isometric {
  --c1: 229 229 247;
  --c2: 68 76 247;
  --c2a: 0.4;
  background-color: var(--c1);
  opacity: 0.7;
  background-image:  linear-gradient(30deg, rgb(var(--c2)) 12%, transparent 12.5%, transparent 87%, rgb(var(--c2)) 87.5%, rgb(var(--c2))),
   linear-gradient(150deg, rgb(var(--c2)) 12%, transparent 12.5%, transparent 87%, rgb(var(--c2)) 87.5%, rgb(var(--c2))),
   linear-gradient(30deg, rgb(var(--c2)) 12%, transparent 12.5%, transparent 87%, rgb(var(--c2)) 87.5%, rgb(var(--c2))),
   linear-gradient(150deg, rgb(var(--c2)) 12%, transparent 12.5%, transparent 87%, rgb(var(--c2)) 87.5%, rgb(var(--c2))),
   linear-gradient(60deg, rgb(var(--c2) / var(--c2a)) 25%, transparent 25.5%, transparent 75%, rgb(var(--c2) / var(--c2a)) 75%, rgb(var(--c2) / var(--c2a))),
   linear-gradient(60deg, rgb(var(--c2) / var(--c2a)) 25%, transparent 25.5%, transparent 75%, rgb(var(--c2) / var(--c2a)) 75%, rgb(var(--c2) / var(--c2a)));
  background-size: 20px 35px;
  background-position: 0 0, 0 0, 10px 18px, 10px 18px, 0 0, 10px 18px;
}