backend: add partial support for viewing media

public/css/style.css

@@ -29,7 +29,11 @@
   box-sizing: border-box;
 }
 
+dd,
+dl,
+dt,
 h1,
+h2,
 p {
   margin: 0;
 }
@@ -44,7 +48,13 @@ body {
   line-height: 2.4;
 }
 
+main {
+  padding-top: 1.5rem;
+}
+
+dl,
 h1,
+h2,
 p {
   margin-bottom: 1.5rem;
 }
@@ -59,6 +69,11 @@ h1 {
   line-height: 2;
 }
 
+h2 {
+  font-size: 2.5rem;
+  line-height: 1.2;
+}
+
 a {
   color: var(--accent-color-0);
 }
@@ -73,6 +88,14 @@ a:active {
   color: var(--accent-color-1);
 }
 
+dt {
+  font-weight: bold;
+}
+
+dd {
+  margin-left: 3rem;
+}
+
 .viewport {
   margin-left: auto;
   margin-right: auto;
@@ -135,6 +158,10 @@ a:active {
   width: 100%;
 }
 
+.media-image {
+  max-width: 100%;
+}
+
 .flex-c-horizontal {
   display: flex;
 }