major features update

static/contact.css

@@ -0,0 +1,48 @@
+main {
+  padding-top: 1em;
+}
+
+#fields {
+  display: grid;
+  grid-template-columns: min-content auto;
+  gap: 0.5em;
+
+  label {
+    color: var(--line-color);
+    text-align: right;
+
+    &::after {
+      content: ":"
+    }
+  }
+}
+
+#names {
+  display: flex;
+  flex-direction: column;
+  width: min-content;
+
+  div {
+    display: flex;
+    flex-direction: row;
+  }
+}
+
+#addresses {
+  display: grid;
+  grid-template-columns: min-content auto;
+  row-gap: 0.5em;
+
+  .label {
+    color: var(--line-color);
+    text-align: right;
+  }
+}
+
+.hint {
+  font-size: small;
+}
+
+code {
+  font-family: monospace;
+}