.starry {
  --star-color: #e3d7bf;
  --sky-color: var(--bg-color);

  background:
    linear-gradient(324deg, var(--sky-color)  4%,   transparent 4%)   -70px 43px,
    linear-gradient( 36deg, var(--sky-color)  4%,   transparent 4%)    30px 43px,
    linear-gradient( 72deg, var(--star-color) 8.5%, transparent 8.5%)  30px 43px,
    linear-gradient(288deg, var(--star-color) 8.5%, transparent 8.5%) -70px 43px,
    linear-gradient(216deg, var(--star-color) 7.5%, transparent 7.5%) -70px 23px,
    linear-gradient(144deg, var(--star-color) 7.5%, transparent 7.5%)  30px 23px,
    linear-gradient(324deg, var(--sky-color)  4%,   transparent 4%)   -20px 93px,
    linear-gradient( 36deg, var(--sky-color)  4%,   transparent 4%)    80px 93px,
    linear-gradient( 72deg, var(--star-color) 8.5%, transparent 8.5%)  80px 93px,
    linear-gradient(288deg, var(--star-color) 8.5%, transparent 8.5%) -20px 93px,
    linear-gradient(216deg, var(--star-color) 7.5%, transparent 7.5%) -20px 73px,
    linear-gradient(144deg, var(--star-color) 7.5%, transparent 7.5%)  80px 73px;
  background-size: 100px 100px;
}