.pattern {
background-color: #ffffff;
background-image: repeating-linear-gradient(255deg, rgba(58, 138, 197, 0.5) 0px, rgba(58, 138, 197, 0.5) 10px, transparent 10px, transparent 20px),
repeating-linear-gradient(165deg, rgba(58, 138, 197, 0.5) 0px, rgba(58, 138, 197, 0.5) 10px, transparent 10px, transparent 20px),
repeating-linear-gradient(256deg, rgba(189, 32, 32, 0.5) 0px, rgba(189, 32, 32, 0.5) 10px, transparent 10px, transparent 20px),
repeating-linear-gradient(166deg, rgba(189, 32, 32, 0.5) 0px, rgba(189, 32, 32, 0.5) 10px, transparent 10px, transparent 20px);
background-position: center;
}