.pattern {
background-color: #ece643;
background-image: repeating-linear-gradient(135deg, rgba(236, 230, 67, 1) 0px, rgba(236, 230, 67, 1) 18px, transparent 18px, transparent 40px),
repeating-linear-gradient(45deg, rgba(236, 230, 67, 1) 0px, rgba(236, 230, 67, 1) 18px, transparent 18px, transparent 40px),
repeating-linear-gradient(135deg, rgba(147, 101, 52, 0.56) 0px, rgba(147, 101, 52, 0.56) 80px, transparent 80px, transparent 320px),
repeating-linear-gradient(45deg, rgba(147, 101, 52, 0.56) 0px, rgba(147, 101, 52, 0.56) 80px, transparent 80px, transparent 320px),
repeating-linear-gradient(135deg, rgba(137, 25, 107, 0.61) 240px, rgba(137, 25, 107, 0.61) 320px, transparent 320px, transparent 560px),
repeating-linear-gradient(45deg, rgba(137, 25, 107, 0.61) 240px, rgba(137, 25, 107, 0.61) 320px, transparent 320px, transparent 560px),
repeating-linear-gradient(135deg, rgba(214, 171, 58, 0.75) 160px, rgba(214, 171, 58, 0.75) 240px, transparent 240px, transparent 480px),
repeating-linear-gradient(45deg, rgba(214, 171, 58, 0.75) 160px, rgba(214, 171, 58, 0.75) 240px, transparent 240px, transparent 480px);
background-position: center;
}
Patternizer