.pattern {
background-color: #ffffff;
background-image: repeating-linear-gradient(180deg, rgba(255, 255, 255, 0.04) 178px, rgba(255, 255, 255, 0.04) 336px, transparent 336px, transparent 387px),
repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.04) 178px, rgba(255, 255, 255, 0.04) 336px, transparent 336px, transparent 387px),
repeating-linear-gradient(270deg, rgba(107, 107, 107, 0.21) 22px, rgba(107, 107, 107, 0.21) 23px, transparent 23px, transparent 57px),
repeating-linear-gradient(180deg, rgba(107, 107, 107, 0.21) 22px, rgba(107, 107, 107, 0.21) 23px, transparent 23px, transparent 57px),
repeating-linear-gradient(225deg, rgba(0, 0, 0, 1) 2px, rgba(0, 0, 0, 1) 3px, transparent 3px, transparent 5px),
repeating-linear-gradient(135deg, rgba(0, 0, 0, 1) 2px, rgba(0, 0, 0, 1) 3px, transparent 3px, transparent 5px),
repeating-linear-gradient(180deg, rgba(87, 87, 87, 0.13) 131px, rgba(87, 87, 87, 0.13) 181px, transparent 181px, transparent 452px),
repeating-linear-gradient(270deg, rgba(255, 255, 255, 0.05) 45px, rgba(255, 255, 255, 0.05) 89px, transparent 89px, transparent 277px),
repeating-linear-gradient(180deg, rgba(255, 255, 255, 0.05) 45px, rgba(255, 255, 255, 0.05) 89px, transparent 89px, transparent 277px),
repeating-linear-gradient(225deg, rgba(72, 72, 72, 0.08) 0px, rgba(72, 72, 72, 0.08) 25px, transparent 25px, transparent 26px),
repeating-linear-gradient(135deg, rgba(72, 72, 72, 0.08) 0px, rgba(72, 72, 72, 0.08) 25px, transparent 25px, transparent 26px),
repeating-linear-gradient(180deg, rgba(0, 0, 0, 0.83) 210px, rgba(0, 0, 0, 0.83) 462px, transparent 462px, transparent 485px),
repeating-linear-gradient(90deg, rgba(0, 0, 0, 0.83) 210px, rgba(0, 0, 0, 0.83) 462px, transparent 462px, transparent 485px);
background-position: center;
}