html {
  background-color: gainsboro;
}

body {
  position: relative;
  min-height: 100vh;
  background-color: transparent;
}

body::before {
  content: "";
  position: absolute;
  inset: 0;

  background-image: url("../images/triangles.png");
  background-position: center;
  background-repeat: repeat;
  background-size: auto;

  opacity: 0.03;
  pointer-events: none;
  z-index: -1;
}