.pattern {
background-color: #7eb0ef;
background-image: repeating-linear-gradient(160deg, rgba(0, 0, 0, 0.35) 0px, rgba(0, 0, 0, 0.35) 12px, transparent 12px, transparent 16px),
repeating-linear-gradient(160deg, rgba(0, 0, 0, 1) 0px, rgba(0, 0, 0, 1) 1px, transparent 1px, transparent 4px),
repeating-linear-gradient(30deg, rgba(0, 0, 0, 0.5) 0px, rgba(0, 0, 0, 0.5) 2px, transparent 2px, transparent 4px),
repeating-linear-gradient(70deg, rgba(233, 244, 150, 1) 0px, rgba(233, 244, 150, 1) 4px, transparent 4px, transparent 120px),
repeating-linear-gradient(70deg, rgba(17, 75, 115, 1) 0px, rgba(17, 75, 115, 1) 48px, transparent 48px, transparent 120px),
repeating-linear-gradient(70deg, rgba(38, 119, 194, 1) 160px, rgba(38, 119, 194, 1) 220px, transparent 220px, transparent 340px);
background-position: center;
}