
:root{
  --background-pattern-color: #1b1b1b;
}

:root{
  --background-pattern-color: #0c0c0c;
  --background-pattern-color-transparent: #1b1b1b77;
}

.isometric-background {
  /*background-color: #ffffff;
  opacity: 0.1;*/
  background-image:  linear-gradient(30deg, var(--background-pattern-color) 12%, transparent 12.5%, transparent 87%, var(--background-pattern-color) 87.5%, var(--background-pattern-color)), 
                    linear-gradient(150deg, var(--background-pattern-color) 12%, transparent 12.5%, transparent 87%, var(--background-pattern-color) 87.5%, var(--background-pattern-color)), 
                    linear-gradient(30deg, var(--background-pattern-color) 12%, transparent 12.5%, transparent 87%, var(--background-pattern-color) 87.5%, var(--background-pattern-color)), 
                    linear-gradient(150deg, var(--background-pattern-color) 12%, transparent 12.5%, transparent 87%, var(--background-pattern-color) 87.5%, var(--background-pattern-color)), 
                    linear-gradient(60deg, var(--background-pattern-color-transparent) 25%, transparent 25.5%, transparent 75%, var(--background-pattern-color-transparent) 75%, var(--background-pattern-color-transparent)), 
                    linear-gradient(60deg, var(--background-pattern-color-transparent) 25%, transparent 25.5%, transparent 75%, var(--background-pattern-color-transparent) 75%, var(--background-pattern-color-transparent));
  background-size: 12px 21px;
  background-position: 0 0, 0 0, 6px 11px, 6px 11px, 0 0, 6px 11px; 
}