🏙🎁 Checkpoint

./views/index.html:1954897/9526
./public/reset.css:1954897/7157
./public/styles.css:1954897/3029

public/styles.css

@@ -1,7 +1,82 @@
-html {
-  background: #1e1e1e;
+/***********************************************************
+ * Re-resets
+ */
+
+h1, h2, h3, h4, h5, h6,
+p, blockquote, pre,
+ol, ul,
+img, iframe,
+form, table, canvas,
+figure, section, audio, video {
+    margin-bottom: 1rem;
+}
+img, iframe, audio, video, svg {
+    display: block;
+}
+ol, ul { padding-left: 2rem; }
+ol { list-style-type: decimal; }
+ul { list-style-type: circle; }
+li { margin-bottom: .5rem; }
+
+h1, .h1  { font-size: 2.50em; }
+h2, .h2  { font-size: 2.00em; }
+h3, .h3  { font-size: 1.75em; }
+h4, .h4  { font-size: 1.50em; }
+h5, .h5  { font-size: 1.25em; }
+h6, .h6  { font-size: 1.12em; }
+
+pre {
+    background: #000;
+    padding: 1rem;
+}
+pre, code { font-family: "Roboto Mono", monospace; }
+code { font-size: 87.5%; }
+
+/***********************************************************
+ * Authored
+ */
+:root {
+  --accent: #448aff;
 }
 
 body {
+  background: #1e1e1e;
+  color: #fafafa;
+  font-family: "Roboto", Helvetica, Arial, sans-serif;
+  line-height: 1.5;
+  font-size: 16px;
+}
+
+.container {
+  padding: 2rem 1rem;
+  max-width: 720px;
+  margin: 0 auto;
+}
+
+.lead {
+  margin-top: 1rem;
+  font-size: 18px;
+  text-align: center;
+}
+.btn {
+  background: 0;
+  border: 0;
+  display: block;
+  color: inherit;
+  font: inherit;
+  border: 1px solid var(--accent);
+  border-radius: .2em;
+  padding: .5em;
+}
+.btn:hover {
   
+}
+
+.flex {
+  display: flex;
+  flex-direction: row;
+}
+.flex * {
+  flex: 1;
+  margin: .5em;
 }