Patternizer

.pattern {
  background-color: #000321;
  background-image: repeating-linear-gradient(150deg, rgba(255, 255, 255, 0.27) 111px, rgba(255, 255, 255, 0.27) 201px, transparent 201px, transparent 391px),
  repeating-linear-gradient(150deg, rgba(234, 254, 255, 1) 163px, rgba(234, 254, 255, 1) 203px, transparent 203px, transparent 443px),
  repeating-linear-gradient(150deg, rgba(82, 124, 162, 0.58) 272px, rgba(82, 124, 162, 0.58) 275px, transparent 275px, transparent 552px),
  repeating-linear-gradient(90deg, rgba(0, 3, 33, 1) 0px, rgba(0, 3, 33, 1) 5px, transparent 5px, transparent 266px),
  repeating-linear-gradient(150deg, rgba(244, 255, 255, 0.31) 155px, rgba(244, 255, 255, 0.31) 157px, transparent 157px, transparent 435px),
  repeating-linear-gradient(150deg, rgba(222, 249, 255, 1) 0px, rgba(222, 249, 255, 1) 150px, transparent 150px, transparent 280px),
  repeating-linear-gradient(150deg, rgba(97, 129, 168, 1) 240px, rgba(97, 129, 168, 1) 270px, transparent 270px, transparent 520px);
  background-position: center;
}