body {
min-width: 100vw;
min-height: 100vh;
overflow: hidden;
background-color: rgb(255, 243, 217);
background-image: radial-gradient(
circle,
rgba(48, 67, 39, 1) 20%,
rgba(48, 67, 39, 0) 21%
),
radial-gradient(
circle,
rgba(207, 122, 55, 1) 20%,
rgba(207, 122, 55, 0) 21%
),
linear-gradient(
-45deg,
rgb(236, 246, 237, 1) 20%,
rgb(236, 246, 237, 0) 21%
),
linear-gradient(
-45deg,
rgb(236, 246, 237, 0) 79%,
rgb(236, 246, 237, 1) 80%
),
linear-gradient(45deg, rgba(90, 181, 211, 0) 80%, rgba(90, 181, 211, 1) 81%),
linear-gradient(45deg, rgba(90, 181, 211, 1) 20%, rgba(90, 181, 211, 0) 21%),
linear-gradient(-45deg, rgba(207, 122, 55, 1) 25%, transparent 26%),
linear-gradient(
-45deg,
rgba(207, 122, 55, 0) 74%,
rgba(207, 122, 55, 1) 75%
),
linear-gradient(
45deg,
rgba(237, 201, 112, 0) 74%,
rgba(237, 201, 112, 1) 75%
),
linear-gradient(
45deg,
rgba(237, 201, 112, 1) 25%,
rgba(237, 201, 112, 0) 26%
),
linear-gradient(
rgb(236, 246, 237, 0) 38%,
rgb(236, 246, 237, 1) 39% 60%,
rgb(236, 246, 237, 0) 61%
),
linear-gradient(
to right,
rgba(237, 201, 112, 0) 35%,
rgba(237, 201, 112, 1) 36% 40%,
rgb(236, 246, 237, 1) 36% 60%,
rgba(237, 201, 112, 1) 61% 65%,
rgba(237, 201, 112, 0) 66%
),
linear-gradient(
rgba(237, 201, 112, 0) 34%,
rgba(237, 201, 112, 1) 35% 39%,
rgb(236, 246, 237, 1) 40% 60%,
rgba(237, 201, 112, 1) 61% 65%,
rgba(237, 201, 112, 0) 66%
),
linear-gradient(
to right,
rgba(48, 67, 39, 0) 35%,
rgba(48, 67, 39, 1) 36% 65%,
rgba(48, 67, 39, 0) 66%
),
linear-gradient(
to right,
rgba(48, 67, 39, 0) 35%,
rgba(48, 67, 39, 1) 36% 40%,
rgb(236, 246, 237, 1) 36% 60%,
rgba(48, 67, 39, 1) 61% 65%,
rgba(48, 67, 39, 0) 66%
),
linear-gradient(
rgba(48, 67, 39, 0) 34%,
rgba(48, 67, 39, 1) 35% 65%,
rgba(48, 67, 39, 0) 66%
),
linear-gradient(
rgba(48, 67, 39, 0) 60%,
rgba(48, 67, 39, 1) 61% 65%,
rgba(48, 67, 39, 0) 66%
),
linear-gradient(
to right,
rgba(90, 181, 211, 0) 0%,
rgba(90, 181, 211, 1) 31% 69%,
rgba(90, 181, 211, 0) 70%
);
background-position: 30px 85px, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0,
0 0, 0 0, 0 0, -3.5px 0, 3.5px 0, 0 -3.5px, 0 3.5px, 0 0;
background-size: 62px 170px, 62px 170px, 62px 170px, 62px 170px, 62px 170px,
62px 170px, 62px 170px, 62px 170px, 62px 170px, 62px 170px, 62px 170px,
62px 170px, 62px 170px, 62px 170px, 62px 170px, 62px 170px, 62px 170px,
1px 170px;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.