.cross {
  background: radial-gradient(circle, transparent 20%, white 20%, white 80%, transparent 80%, transparent), radial-gradient(circle, transparent 20%, white 20%, white 80%, transparent 80%, transparent) 50px 50px, linear-gradient(black 8px, transparent 8px) 0 -4px, linear-gradient(90deg, black 8px, transparent 8px) -4px 0;
  background-color: white;
  background-size: 100px 100px, 100px 100px, 50px 50px, 50px 50px;
}

.zigzag {
  background: linear-gradient(135deg, #ECEDDC 25%, transparent 25%) -25px 0, linear-gradient(225deg, #ECEDDC 25%, transparent 25%) -25px 0, linear-gradient(315deg, #ECEDDC 25%, transparent 25%), linear-gradient(45deg, #ECEDDC 25%, transparent 25%);
  background-size: 50px 50px;
  background-color: #000000;
}

.multizigzag {
  background: linear-gradient(to right top, rgba(242, 56, 90, 0) 0.48544em, #F2385A 0.48544em, #F2385A, #d00e31 1.31877em, rgba(242, 56, 90, 0) 1.31877em) 0 0, linear-gradient(to left top, rgba(242, 56, 90, 0) 0.48544em, #F2385A 0.48544em, #F2385A, #d00e31 1.31877em, rgba(242, 56, 90, 0) 1.31877em) 0 0, linear-gradient(to right bottom, rgba(242, 56, 90, 0) 0.48544em, #d00e31 0.48544em, #F2385A, #F2385A 1.31877em, rgba(242, 56, 90, 0) 1.31877em) 2.5em 0, linear-gradient(to left bottom, rgba(242, 56, 90, 0) 0.48544em, #d00e31 0.48544em, #F2385A, #F2385A 1.31877em, rgba(242, 56, 90, 0) 1.31877em) 2.5em 0, linear-gradient(to right top, rgba(245, 165, 3, 0) 0.48544em, #F5A503 0.48544em, #F5A503, #c38302 1.31877em, rgba(245, 165, 3, 0) 1.31877em) 0 1em, linear-gradient(to left top, rgba(245, 165, 3, 0) 0.48544em, #F5A503 0.48544em, #F5A503, #c38302 1.31877em, rgba(245, 165, 3, 0) 1.31877em) 0 1em, linear-gradient(to right bottom, rgba(245, 165, 3, 0) 0.48544em, #c38302 0.48544em, #F5A503, #F5A503 1.31877em, rgba(245, 165, 3, 0) 1.31877em) 2.5em 1em, linear-gradient(to left bottom, rgba(245, 165, 3, 0) 0.48544em, #c38302 0.48544em, #F5A503, #F5A503 1.31877em, rgba(245, 165, 3, 0) 1.31877em) 2.5em 1em, linear-gradient(to right top, rgba(233, 241, 223, 0) 0.48544em, #E9F1DF 0.48544em, #E9F1DF, #c4daaa 1.31877em, rgba(233, 241, 223, 0) 1.31877em) 0 2em, linear-gradient(to left top, rgba(233, 241, 223, 0) 0.48544em, #E9F1DF 0.48544em, #E9F1DF, #c4daaa 1.31877em, rgba(233, 241, 223, 0) 1.31877em) 0 2em, linear-gradient(to right bottom, rgba(233, 241, 223, 0) 0.48544em, #c4daaa 0.48544em, #E9F1DF, #E9F1DF 1.31877em, rgba(233, 241, 223, 0) 1.31877em) 2.5em 2em, linear-gradient(to left bottom, rgba(233, 241, 223, 0) 0.48544em, #c4daaa 0.48544em, #E9F1DF, #E9F1DF 1.31877em, rgba(233, 241, 223, 0) 1.31877em) 2.5em 2em, linear-gradient(to right top, rgba(74, 217, 217, 0) 0.48544em, #4AD9D9 0.48544em, #4AD9D9, #25b1b1 1.31877em, rgba(74, 217, 217, 0) 1.31877em) 0 3em, linear-gradient(to left top, rgba(74, 217, 217, 0) 0.48544em, #4AD9D9 0.48544em, #4AD9D9, #25b1b1 1.31877em, rgba(74, 217, 217, 0) 1.31877em) 0 3em, linear-gradient(to right bottom, rgba(74, 217, 217, 0) 0.48544em, #25b1b1 0.48544em, #4AD9D9, #4AD9D9 1.31877em, rgba(74, 217, 217, 0) 1.31877em) 2.5em 3em, linear-gradient(to left bottom, rgba(74, 217, 217, 0) 0.48544em, #25b1b1 0.48544em, #4AD9D9, #4AD9D9 1.31877em, rgba(74, 217, 217, 0) 1.31877em) 2.5em 3em, linear-gradient(to right top, rgba(54, 177, 191, 0) 0.48544em, #36B1BF 0.48544em, #36B1BF, #257a83 1.31877em, rgba(54, 177, 191, 0) 1.31877em) 0 4em, linear-gradient(to left top, rgba(54, 177, 191, 0) 0.48544em, #36B1BF 0.48544em, #36B1BF, #257a83 1.31877em, rgba(54, 177, 191, 0) 1.31877em) 0 4em, linear-gradient(to right bottom, rgba(54, 177, 191, 0) 0.48544em, #257a83 0.48544em, #36B1BF, #36B1BF 1.31877em, rgba(54, 177, 191, 0) 1.31877em) 2.5em 4em, linear-gradient(to left bottom, rgba(54, 177, 191, 0) 0.48544em, #257a83 0.48544em, #36B1BF, #36B1BF 1.31877em, rgba(54, 177, 191, 0) 1.31877em) 2.5em 4em;
  background-color: linen;
  background-size: 5em 5em;
}

.cubo {
  background-color: #000;
  background-image: linear-gradient(30deg, #800 12%, transparent 12.5%, transparent 87%, #800 87.5%, #800), linear-gradient(150deg, #800 12%, transparent 12.5%, transparent 87%, #800 87.5%, #800), linear-gradient(30deg, #800 12%, transparent 12.5%, transparent 87%, #800 87.5%, #800), linear-gradient(150deg, #800 12%, transparent 12.5%, transparent 87%, #800 87.5%, #800), linear-gradient(60deg, #ffffcc 25%, transparent 25.5%, transparent 75%, #ffffcc 75%, #ffffcc), linear-gradient(60deg, #ffffcc 25%, transparent 25.5%, transparent 75%, #ffffcc 75%, #ffffcc);
  background-size: 40px 70px;
  background-position: 0 0, 0 0, 20px 35px, 20px 35px, 0 0, 20px 35px;
}

.scalino {
  background-color: #f76;
  background-image: linear-gradient(30deg, #fee 13.5%, transparent 13.5%, transparent 86.5%, #fee 86.5%), linear-gradient(-30deg, #fee 13.5%, transparent 13.5%, transparent 86.5%, #fee 86.5%), linear-gradient(30deg, #dcc 13.5%, transparent 13.5%, transparent 86.5%, #dcc 86.5%), linear-gradient(-30deg, #dcc 13.5%, transparent 13.5%, transparent 86.5%, #dcc 86.5%), linear-gradient(30deg, #fee 13.5%, transparent 13.5%, transparent 86.5%, #fee 86.5%), linear-gradient(-30deg, #fee 13.5%, transparent 13.5%, transparent 86.5%, #fee 86.5%), linear-gradient(30deg, #dcc 13.5%, transparent 13.5%, transparent 86.5%, #dcc 86.5%), linear-gradient(-30deg, #dcc 13.5%, transparent 13.5%, transparent 86.5%, #dcc 86.5%), linear-gradient(45deg, #544 25%, transparent 25%, transparent 75%, #544 75%), linear-gradient(45deg, #544 25%, transparent 25%, transparent 75%, #544 75%);
  background-position: 0em 2em, 0em 2em, 2em 4em, 2em 4em, 4em 2em, 4em 2em, 6em 4em, 6em 4em, 0em 0em, 2em 2em;
  background-size: 8em 4em, 8em 4em, 8em 4em, 8em 4em, 8em 4em, 8em 4em, 8em 4em, 8em 4em, 4em 4em, 4em 4em;
}

.piastrella {
  background-color: #000000;
  background-image: radial-gradient(transparent 10%, #ffffff 12%, #ffffff 18%, transparent 20%, transparent 44%, #ffffff 46%, #ffffff 52%, transparent 54%, transparent 83%, #ffffff 85%, #ffffff 91%, #850008 93%);
  background-size: 78px 78px;
  background-position: 0 0;
}

.pinkcloud {
  background: radial-gradient(2em at center 2.2em, #ffffff 5.7%, #ff9e9d 6.84%, #ff9e9d 11.4%, #ffffff 12.54%, #ffffff 17.1%, #ff9e9d 18.24%, #ff9e9d 22.8%, #ffffff 23.94%, #ffffff 28.5%, #ff9e9d 29.64%, #ff9e9d 34.2%, #ffffff 35.34%, #ffffff 39.9%, #ff9e9d 41.04%, #ff9e9d 45.6%, #ffffff 46.74%, #ffffff 51.3%, #ff9e9d 52.44%, #ff9e9d 57%, rgba(255, 158, 157, 0) 58.14%) 0 0, radial-gradient(2em at center 2.2em, #ffffff 5.7%, #ff9e9d 6.84%, #ff9e9d 11.4%, #ffffff 12.54%, #ffffff 17.1%, #ff9e9d 18.24%, #ff9e9d 22.8%, #ffffff 23.94%, #ffffff 28.5%, #ff9e9d 29.64%, #ff9e9d 34.2%, #ffffff 35.34%, #ffffff 39.9%, #ff9e9d 41.04%, #ff9e9d 45.6%, #ffffff 46.74%, #ffffff 51.3%, #ff9e9d 52.44%, #ff9e9d 57%, rgba(255, 158, 157, 0) 58.14%) 1em 1em, radial-gradient(2em at center 1.2em, #ffffff 5.7%, #ff9e9d 6.84%, #ff9e9d 11.4%, #ffffff 12.54%, #ffffff 17.1%, #ff9e9d 18.24%, #ff9e9d 22.8%, #ffffff 23.94%, #ffffff 28.5%, #ff9e9d 29.64%, #ff9e9d 34.2%, #ffffff 35.34%, #ffffff 39.9%, #ff9e9d 41.04%, #ff9e9d 45.6%, #ffffff 46.74%, #ffffff 51.3%, #ff9e9d 52.44%, #ff9e9d 57%, rgba(255, 158, 157, 0) 58.14%) 0 1em, radial-gradient(2em at center 0.2em, #ffffff 5.7%, #ff9e9d 6.84%, #ff9e9d 11.4%, #ffffff 12.54%, #ffffff 17.1%, #ff9e9d 18.24%, #ff9e9d 22.8%, #ffffff 23.94%, #ffffff 28.5%, #ff9e9d 29.64%, #ff9e9d 34.2%, #ffffff 35.34%, #ffffff 39.9%, #ff9e9d 41.04%, #ff9e9d 45.6%, #ffffff 46.74%, #ffffff 51.3%, #ff9e9d 52.44%, #ff9e9d 57%, rgba(255, 158, 157, 0) 58.14%) 1em 1em;
  background-color: #FFF;
  background-size: 2em 2em;
}

.bluefish {
  background: radial-gradient(circle at center 3em, #f2d03b 8.6%, #47d9bf 10.32%, #47d9bf 17.2%, #00a1d9 18.92%, #00a1d9 25.8%, #04518c 27.52%, #04518c 34.4%, #003056 36.12%, #003056 43%, rgba(0, 48, 86, 0) 47.3%) 0 0, radial-gradient(circle at center 3em, #f2d03b 8.6%, #47d9bf 10.32%, #47d9bf 17.2%, #00a1d9 18.92%, #00a1d9 25.8%, #04518c 27.52%, #04518c 34.4%, #003056 36.12%, #003056 43%, rgba(0, 48, 86, 0) 47.3%) 1.5em 1.5em, radial-gradient(circle at center 0, #f2d03b 8.6%, #47d9bf 10.32%, #47d9bf 17.2%, #00a1d9 18.92%, #00a1d9 25.8%, #04518c 27.52%, #04518c 34.4%, #003056 36.12%, #003056 43%, rgba(0, 48, 86, 0) 47.3%) 0 0, radial-gradient(circle at center 0, #f2d03b 8.6%, #47d9bf 10.32%, #47d9bf 17.2%, #00a1d9 18.92%, #00a1d9 25.8%, #04518c 27.52%, #04518c 34.4%, #003056 36.12%, #003056 43%, rgba(0, 48, 86, 0) 47.3%) 1.5em 1.5em;
  background-color: #F2D03B;
  background-size: 3em 3em;
}

.silverscale {
  background: radial-gradient(circle at center 0, #b1c2b3 6.5%, #778691 6.5%, #778691 13%, #c7b773 14.3%, #c7b773 19.5%, #e3db9a 20.8%, #e3db9a 26%, #f5fcd0 27.3%, #f5fcd0 32.5%, #b1c2b3 33.8%, #b1c2b3 39%, #778691 40.3%, #778691 45.5%, rgba(119, 134, 145, 0) 46.8%) 0 0, radial-gradient(circle at center 0, #b1c2b3 6.5%, #778691 6.5%, #778691 13%, #c7b773 14.3%, #c7b773 19.5%, #e3db9a 20.8%, #e3db9a 26%, #f5fcd0 27.3%, #f5fcd0 32.5%, #b1c2b3 33.8%, #b1c2b3 39%, #778691 40.3%, #778691 45.5%, rgba(119, 134, 145, 0) 46.8%) 1.5em 1.5em, radial-gradient(circle at center 3em, #b1c2b3 6.5%, #778691 6.5%, #778691 13%, #c7b773 14.3%, #c7b773 19.5%, #e3db9a 20.8%, #e3db9a 26%, #f5fcd0 27.3%, #f5fcd0 32.5%, #b1c2b3 33.8%, #b1c2b3 39%, #778691 40.3%, #778691 45.5%, rgba(119, 134, 145, 0) 46.8%) 0 0, radial-gradient(circle at center 3em, #b1c2b3 6.5%, #778691 6.5%, #778691 13%, #c7b773 14.3%, #c7b773 19.5%, #e3db9a 20.8%, #e3db9a 26%, #f5fcd0 27.3%, #f5fcd0 32.5%, #b1c2b3 33.8%, #b1c2b3 39%, #778691 40.3%, #778691 45.5%, rgba(119, 134, 145, 0) 46.8%) 1.5em 1.5em;
  background-color: #C7B773;
  background-size: 3em 3em;
}

.frostyspirals {
  background: radial-gradient(circle at right, rgba(233, 241, 223, 0) 0.33333em, #e9f1df 0.33333em, #e9f1df 0.48889em, rgba(233, 241, 223, 0) 0.48889em, rgba(233, 241, 223, 0) 0.82222em, #e9f1df 0.82222em, #e9f1df 0.97778em, rgba(233, 241, 223, 0) 0.97778em, rgba(233, 241, 223, 0) 1.31111em, #e9f1df 1.31111em, #e9f1df 1.46667em, rgba(233, 241, 223, 0) 1.46667em) 0 0, radial-gradient(circle at left, rgba(233, 241, 223, 0) 0.57778em, #e9f1df 0.57778em, #e9f1df 0.73333em, rgba(233, 241, 223, 0) 0.73333em, rgba(233, 241, 223, 0) 1.06667em, #e9f1df 1.06667em, #e9f1df 1.22222em, rgba(233, 241, 223, 0) 1.22222em) 0 3.05146em, linear-gradient(to right top, #E9F1DF 0.15556em, rgba(233, 241, 223, 0) 0.15556em) 1.22222em 0.15556em, linear-gradient(to left top, #E9F1DF 0.15556em, rgba(233, 241, 223, 0) 0.15556em) 1.22222em 0.15556em, linear-gradient(to right bottom, #E9F1DF 0.15556em, rgba(233, 241, 223, 0) 0.15556em) 1.22222em 0.15556em, linear-gradient(to left bottom, #E9F1DF 0.15556em, rgba(233, 241, 223, 0) 0.15556em) 1.22222em 0.15556em;
  background-size: 2.8em 2.8em;
  background-color: lightblue;
}

.squares {
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #36B1BF 0, #36B1BF 0.33em, rgba(255, 255, 255, 0) 0.33em) 0 0, linear-gradient(to top, rgba(255, 255, 255, 0) 0, #36B1BF 0, #36B1BF 0.33em, rgba(255, 255, 255, 0) 0.33em) 0 0, linear-gradient(to left, rgba(255, 255, 255, 0) 0, #4AD9D9 0, #4AD9D9 0.33em, rgba(255, 255, 255, 0) 0.33em) 0 0, linear-gradient(to right, rgba(255, 255, 255, 0) 0, #4AD9D9 0, #4AD9D9 0.66em, rgba(255, 255, 255, 0) 0.66em) 0 0, linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #4AD9D9 0, #4AD9D9 0.33em, rgba(255, 255, 255, 0) 0.33em) 0 0, linear-gradient(to top, rgba(255, 255, 255, 0) 0, #4AD9D9 0, #4AD9D9 0.66em, rgba(255, 255, 255, 0) 0.66em) 0 0, linear-gradient(to left, rgba(255, 255, 255, 0) 0, #E9F1DF 0, #E9F1DF 0.66em, rgba(255, 255, 255, 0) 0.66em) 0 0, linear-gradient(to right, rgba(255, 255, 255, 0) 0, #E9F1DF 0, #E9F1DF 0.99em, rgba(255, 255, 255, 0) 0.99em) 0 0, linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #E9F1DF 0, #E9F1DF 0.66em, rgba(255, 255, 255, 0) 0.66em) 0 0, linear-gradient(to top, rgba(255, 255, 255, 0) 0, #E9F1DF 0, #E9F1DF 0.99em, rgba(255, 255, 255, 0) 0.99em) 0 0, linear-gradient(to left, rgba(255, 255, 255, 0) 0, #F5A503 0, #F5A503 0.99em, rgba(255, 255, 255, 0) 0.99em) 0 0, linear-gradient(to right, rgba(255, 255, 255, 0) 0, #F5A503 0, #F5A503 1.32em, rgba(255, 255, 255, 0) 1.32em) 0 0, linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #F5A503 0, #F5A503 0.99em, rgba(255, 255, 255, 0) 0.99em) 0 0, linear-gradient(to top, rgba(255, 255, 255, 0) 0, #F5A503 0, #F5A503 1.32em, rgba(255, 255, 255, 0) 1.32em) 0 0, linear-gradient(to left, rgba(255, 255, 255, 0) 0, #F2385A 0, #F2385A 1.32em, rgba(255, 255, 255, 0) 1.32em) 0 0, linear-gradient(to right, rgba(255, 255, 255, 0) 0, #F2385A 0, #F2385A 1.65em, rgba(255, 255, 255, 0) 1.65em) 0 0, linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #F2385A 0, #F2385A 1.32em, rgba(255, 255, 255, 0) 1.32em) 0 0, linear-gradient(to top, rgba(255, 255, 255, 0) 0, #F2385A 0, #F2385A 1.65em, rgba(255, 255, 255, 0) 1.65em) 0 0, linear-gradient(to left, rgba(255, 255, 255, 0) 0, #36B1BF 0, #36B1BF 1.65em, rgba(255, 255, 255, 0) 1.65em) 0 0, linear-gradient(to right, rgba(255, 255, 255, 0) 0, #36B1BF 0, #36B1BF 1.98em, rgba(255, 255, 255, 0) 1.98em) 0 0, linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #36B1BF 0, #36B1BF 1.65em, rgba(255, 255, 255, 0) 1.65em) 0 0, linear-gradient(to top, rgba(255, 255, 255, 0) 0, #36B1BF 0, #36B1BF 1.98em, rgba(255, 255, 255, 0) 1.98em) 0 0, linear-gradient(to left, rgba(255, 255, 255, 0) 0, #4AD9D9 0, #4AD9D9 1.98em, rgba(255, 255, 255, 0) 1.98em) 0 0, linear-gradient(to right, rgba(255, 255, 255, 0) 0, #4AD9D9 0, #4AD9D9 2.31em, rgba(255, 255, 255, 0) 2.31em) 0 0, linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #4AD9D9 0, #4AD9D9 1.98em, rgba(255, 255, 255, 0) 1.98em) 0 0, linear-gradient(to top, rgba(255, 255, 255, 0) 0, #4AD9D9 0, #4AD9D9 2.31em, rgba(255, 255, 255, 0) 2.31em) 0 0, linear-gradient(to left, rgba(255, 255, 255, 0) 0, #E9F1DF 0, #E9F1DF 2.31em, rgba(255, 255, 255, 0) 2.31em) 0 0, linear-gradient(to right, rgba(255, 255, 255, 0) 0, #E9F1DF 0, #E9F1DF 2.64em, rgba(255, 255, 255, 0) 2.64em) 0 0, linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #E9F1DF 0, #E9F1DF 2.31em, rgba(255, 255, 255, 0) 2.31em) 0 0, linear-gradient(to top, rgba(255, 255, 255, 0) 0, #E9F1DF 0, #E9F1DF 2.64em, rgba(255, 255, 255, 0) 2.64em) 0 0, linear-gradient(to left, rgba(255, 255, 255, 0) 0, #F5A503 0, #F5A503 2.64em, rgba(255, 255, 255, 0) 2.64em) 0 0, linear-gradient(to right, rgba(255, 255, 255, 0) 0, #F5A503 0, #F5A503 2.97em, rgba(255, 255, 255, 0) 2.97em) 0 0, linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #F5A503 0, #F5A503 2.64em, rgba(255, 255, 255, 0) 2.64em) 0 0, linear-gradient(to top, rgba(255, 255, 255, 0) 0, #F5A503 0, #F5A503 2.97em, rgba(255, 255, 255, 0) 2.97em) 0 0, linear-gradient(to left, rgba(255, 255, 255, 0) 0, #F2385A 0, #F2385A 2.97em, rgba(255, 255, 255, 0) 2.97em) 0 0, linear-gradient(to right, rgba(255, 255, 255, 0) 0, #F2385A 0, #F2385A 3.3em, rgba(255, 255, 255, 0) 3.3em) 0 0, linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #F2385A 0, #F2385A 2.97em, rgba(255, 255, 255, 0) 2.97em) 0 0, linear-gradient(to top, rgba(255, 255, 255, 0) 0, #F2385A 0, #F2385A 3.3em, rgba(255, 255, 255, 0) 3.3em) 0 0;
  background-size: 6em 6em;
  background-color: #E9F1DF;
  background-repeat: repeat;
}

.funky1 {
  background-position: center;
  background-size: 100px 100px;
  background-color: var(--bs-body-bg);
  background-image: linear-gradient(22.5deg, #f2f2f2 15%, transparent 15%, transparent 85%, #f2f2f2 85%), linear-gradient(112.5deg, #f2f2f2 15%, transparent 15%, transparent 85%, #f2f2f2 85%), linear-gradient(22.5deg, #f2f2f2 15%, transparent 15%, transparent 85%, #f2f2f2 85%), linear-gradient(112.5deg, #f2f2f2 15%, transparent 15%, transparent 85%, #f2f2f2 85%);
}

.funky2 {
  background-position: center;
  background-size: 100px 100px;
  background-color: var(--bs-body-bg);
  background-image: linear-gradient(32.5deg, #f2f2f2 25%, transparent 25%, transparent 75%, #f2f2f2 75%), linear-gradient(122.5deg, #f2f2f2 25%, transparent 25%, transparent 75%, #f2f2f2 75%), linear-gradient(77.5deg, #f2f2f2 25%, transparent 25%, transparent 75%, #f2f2f2 75%), linear-gradient(167.5deg, #f2f2f2 25%, transparent 25%, transparent 75%, #f2f2f2 75%);
}

.funky3 {
  background-position: center;
  background-size: 100px 100px;
  background-color: var(--bs-body-bg);
  background-image: linear-gradient(5deg, #f2f2f2 10%, transparent 10%, transparent 90%, #f2f2f2 90%), linear-gradient(95deg, #f2f2f2 10%, transparent 10%, transparent 90%, #f2f2f2 90%), linear-gradient(10deg, #f2f2f2 10%, transparent 10%, transparent 90%, #f2f2f2 90%), linear-gradient(100deg, #f2f2f2 10%, transparent 10%, transparent 90%, #f2f2f2 90%);
}

.funky4 {
  background-position: center;
  background-size: 100px 100px;
  background-color: var(--bs-body-bg);
  background-image: linear-gradient(-5deg, #f2f2f2 5%, transparent 5%, transparent 95%, #f2f2f2 95%), linear-gradient(85deg, #f2f2f2 5%, transparent 5%, transparent 95%, #f2f2f2 95%), linear-gradient(40deg, #f2f2f2 5%, transparent 5%, transparent 95%, #f2f2f2 95%), linear-gradient(130deg, #f2f2f2 5%, transparent 5%, transparent 95%, #f2f2f2 95%);
}

.funky5 {
  background-position: center;
  background-size: 100px 100px;
  background-color: var(--bs-body-bg);
  background-image: linear-gradient(45deg, #f2f2f2 25%, transparent 25%, transparent 75%, #f2f2f2 75%), linear-gradient(135deg, #f2f2f2 25%, transparent 25%, transparent 75%, #f2f2f2 75%), linear-gradient(45deg, #f2f2f2 25%, transparent 25%, transparent 75%, #f2f2f2 75%), linear-gradient(135deg, #f2f2f2 25%, transparent 25%, transparent 75%, #f2f2f2 75%);
}

.funky6 {
  background-position: center;
  background-size: 100px 100px;
  background-color: var(--bs-body-bg);
  background-image: linear-gradient(0deg, #f2f2f2 1%, transparent 1%, transparent 99%, #f2f2f2 99%), linear-gradient(90deg, #f2f2f2 1%, transparent 1%, transparent 99%, #f2f2f2 99%), linear-gradient(0deg, #f2f2f2 1%, transparent 1%, transparent 99%, #f2f2f2 99%), linear-gradient(90deg, #f2f2f2 1%, transparent 1%, transparent 99%, #f2f2f2 99%);
}

.horz-stripes {
  background: linear-gradient(#000000 50%, #ffffff 0);
  background-size: 100% 30px;
}

.vert-stripes {
  background: linear-gradient(to right, #000 50%, #fff 0);
  background-size: 30px 100%;
}

.diagonal-stripes {
  background: repeating-linear-gradient(45deg, #ffffff, #ffffff 13px, #000000 0, #000000 30px);
}

.tablecloth {
  background: white;
  background-image: linear-gradient(90deg, rgba(200, 0, 0, 0.5) 50%, transparent 0), linear-gradient(rgba(200, 0, 0, 0.5) 50%, transparent 0);
  background-size: 30px 30px;
}

.blueprint-grid {
  background: #58a;
  background-image: linear-gradient(white 1px, transparent 0), linear-gradient(90deg, white 1px, transparent 0);
  background-size: 30px 30px;
}

.better-blueprint-grid {
  background: #58a;
  background-image: linear-gradient(white 2px, transparent 0), linear-gradient(90deg, white 2px, transparent 0), linear-gradient(rgba(255, 255, 255, 0.3) 1px, transparent 0), linear-gradient(90deg, rgba(255, 255, 255, 0.3) 1px, transparent 0);
  background-size: 75px 75px, 75px 75px, 15px 15px, 15px 15px;
}

.dots {
  background: #655;
  background-image: radial-gradient(tan 30%, transparent 0);
  background-size: 30px 30px;
}

.polka-dots {
  background: #655;
  background-image: radial-gradient(tan 30%, transparent 0), radial-gradient(tan 30%, transparent 0);
  background-size: 30px 30px;
  background-position: 0 0, 15px 15px;
}

.checkerboard {
  background: #eee;
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.25) 25%, transparent 0, transparent 75%, rgba(0, 0, 0, 0.25) 0), linear-gradient(45deg, rgba(0, 0, 0, 0.25) 25%, transparent 0, transparent 75%, rgba(0, 0, 0, 0.25) 0);
  background-position: 0 0, 15px 15px, 15px 15px, 30px 30px;
  background-size: 30px 30px;
}

.blurry {
  background-image: linear-gradient(125deg, rgba(206, 190, 41, 0.3) 0%, rgba(155, 31, 80, 0.3) 33%, rgba(41, 137, 216, 0.3) 71%, rgba(137, 180, 255, 0.3) 95%), linear-gradient(-88deg, rgba(206, 190, 41, 0.8) 0%, rgba(155, 31, 80, 0.3) 33%, rgba(41, 137, 216, 0.7) 71%, rgba(137, 180, 255, 0.7) 95%), linear-gradient(23deg, #cebe29 0%, rgba(155, 31, 80, 0.6) 33%, #2989d8 71%, #89b4ff 95%);
}

.colorspectrum {
  background: linear-gradient(90deg, rgba(255, 128, 128, 0.65) 0%, rgba(255, 164, 128, 0.65) 10%, rgba(255, 202, 128, 0.65) 20%, rgba(255, 240, 128, 0.65) 30%, rgba(232, 255, 128, 0.65) 40%, rgba(193, 255, 128, 0.65) 50%, rgba(155, 255, 128, 0.65) 60%, rgba(128, 255, 138, 0.65) 70%, rgba(128, 255, 176, 0.65) 80%, rgba(128, 255, 215, 0.65) 90%, rgba(128, 255, 253, 0.65) 100%), linear-gradient(-90deg, rgba(204, 255, 254, 0.45) 0%, rgba(204, 241, 255, 0.45) 10%, rgba(204, 225, 255, 0.45) 20%, rgba(204, 210, 255, 0.45) 30%, rgba(213, 204, 255, 0.45) 40%, rgba(229, 204, 255, 0.45) 50%, rgba(244, 204, 255, 0.45) 60%, rgba(255, 204, 251, 0.45) 70%, rgba(255, 204, 235, 0.45) 80%, rgba(255, 204, 220, 0.45) 90%, rgba(255, 204, 205, 0.45) 100%);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}