Apply new "primary and secondary action" styles to the index page

assets/css/content.css

@@ -0,0 +1,24 @@
+/* Custom classes for styling elements on a page, such as links */
+
+.horizontal-wrapper {
+    display: flex;
+    flex-direction: row;
+    gap: 8px;
+}
+
+.primary-action {
+    background: black;
+    padding: 0.8em;
+    color: white;
+    text-decoration-line: unset;
+    border-radius: 4px;
+}
+
+.secondary-action {
+    border-width: 1px;
+    border-style: solid;
+    border-color: black;
+    padding: 0.8em;
+    text-decoration-line: unset;
+    border-radius: 4px;
+}

assets/css/global.css

@@ -1,6 +1,7 @@
 @import url('fonts.css');
 @import url('navigation.css');
 @import url('colors.css');
+@import url('content.css');
 
 html {
     background-color: var(--background-color);