init

styles/Home.module.css

@@ -0,0 +1,7 @@
+.main {
+  width: 60vw;
+  padding: 0 20vw;
+  display: flex;
+  flex-flow: column;
+  align-items: center;
+}

styles/globals.css

@@ -0,0 +1,80 @@
+:root {
+  --headline: #192330;
+  --body-text-color: #192330;
+  --link-color: #00558d;
+  --link-visited: var(--link-color);
+  --border-color: #dee2e6;
+  --horizontal-rule: #dfe2e7;
+  --gutter: #f4f5f7;
+  --primary-background: white;
+  --footer-color: #192330;
+  --footer-text: white;
+  --cta-background: #55c63a;
+  --cta-foreground: white;
+  --button-background-disabled: #a6afb6;
+  --button-foreground-disabled: white;
+  --border-radius: .2rem;
+  --breakpoint-desktop: 768px;
+  --breakpoint-mobile: 768px;
+  --form-color: #ced4da;
+}
+
+html {
+  font-family: Arial, Helvetica, sans-serif;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  color: var(--headline);
+  line-height: 1.45;
+  line-height: 1.25em;
+}
+hr {
+  color: var(--border-color)
+}
+article {
+  margin-top: 0.5em;
+}
+input, select {
+  border-color: var(--form-color);
+  border-style: solid;
+  border-width: 1px;
+  border-radius: var(--border-radius);
+  padding: .5rem;
+  background-color: white;
+}
+select {
+  appearance: none;
+  background-position-y: center;
+  background-position-x: 95%;
+  background-size: 10px;
+  min-width: 150px;
+}
+fieldset {
+  border: 0;
+}
+body {
+  text-rendering: optimizeLegibility;
+  line-height: 1.9rem;
+  background-color: var(--primary-background);
+  color: var(--body-text-color);
+  font-size: 1.0rem;
+  margin: 0;
+}
+
+a {
+  color: var(--link-color);
+  font-weight: 400;
+}
+
+a:visited {
+  color: var(--link-visited);
+}
+
+table, th, td {
+  border: 1px solid var(--border-color);
+}