Style Rework and Credit Page

assets/css/main.css

@@ -35,11 +35,51 @@ footer {
   margin-top: 1rem;
 }
 
+h1, h2, h3, h4, h5, h6 {
+  text-align: left;
+}
+
 a {
   color: var(--text-highlight);
   text-decoration: none;
 }
 
+/* Media */
+
+img {
+  max-width: 100%;
+  height: auto;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+}
+
+figure {
+  display: inline-block;
+  margin: 2rem auto;
+  text-align: center;
+  max-width: 100%;
+}
+
+figure img {
+  max-width: 100%;
+  height: auto;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+}
+
+figcaption {
+  margin-top: 0.75rem;
+  font-size: 0.95rem;
+  color: var(--text-highlight-secondary);
+  font-style: italic;
+  line-height: 1.4;
+}
+
+.center {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+  width: fit-content;
+}
+
 /* Menubar */
 
 nav {
@@ -108,3 +148,40 @@ td:last-child,
 th:last-child {
   border-right: none;
 }
+
+hr {
+  border: none;
+  border-top: 3px dotted var(--table-gridlines);
+  margin: 2rem 0;
+  opacity: 0.7;
+}
+
+#site-title {
+  text-align: center;
+}
+
+div#terms-container {
+  display: flex;
+}
+
+ul#terms-list {
+  display: flex;
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+
+ul#terms-list > li > a {
+  text-transform: lowercase;
+  display: inline-block;
+  padding: 0.2rem 0.3rem 0.2rem 0.3rem;
+  font-weight: 700;
+  font-size: 0.8rem;
+  color: var(--bg-color);
+  background-color: var(--text-highlight);
+  border-radius: 0.5rem;
+  margin: 0.2rem;
+}
+
+ul#terms-list > li > a:first-child { margin-left: 0; }
+div#terms-time-container { display: flex; justify-content: space-between; }