layout: add zebra stripes

src/assets/css/main.css

@@ -89,3 +89,25 @@ header li:last-child::after {
 footer {
   color: hsl(0, 0%, 0%, 0.6);
 }
+
+/* Stripes */
+
+.stripesContainer {
+  box-sizing: content-box;
+  max-width: 45rem;
+  padding: 5% 5% 0;
+}
+
+.stripes {
+  height: 8vh;
+  background-image: linear-gradient(
+    135deg,
+    currentColor 33.33%,
+    transparent 33.33%,
+    transparent 50%,
+    currentColor 50%,
+    currentColor 83.33%,
+    transparent 83.33%,
+    transparent 100%);
+  background-size: 30.00px 30.00px;
+}