* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  background-color: #434343;
  background-image: linear-gradient(#434343, #434343);
}

.grid {
  --color: #ffffff0d;
  --size: 50;
  width: 100dvw;
  height: 100dvh;
  background-color: transparent;
  background-size: calc(var(--size) * 1px) calc(var(--size) * 1px);
  background-image: linear-gradient(
      0deg,
      transparent 24%,
      var(--color) 26%,
      transparent 27%,
      transparent 74%,
      var(--color) 75%,
      var(--color) 76%,
      transparent 77%
    ),
    linear-gradient(
      90deg,
      transparent 24%,
      var(--color) 25%,
      var(--color) 26%,
      transparent 27%,
      transparent 74%,
      var(--color) 75%,
      var(--color) 76%,
      transparent 77%,
      transparent
    );
}

h1 {
  position: absolute;
  top: 100px;
  color: white;
  font-family: cursive;
  text-align: center;
  width: 100%;
}