body::before {
  content: '';
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  z-index: 0;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg ... %3E');
  background-size: 88px;
  background-repeat: repeat;
	
	 /* --- dotted pattern --- */
  background-color: #111; /* base */
  background-image:
    radial-gradient(rgba(255,255,255,0.12) 2px, transparent 2px);
  background-size: 48px 48px; /* spacing between dots */
  background-repeat: repeat;
}

body { background-color: #111; }