X-Git-Url: https://code.kerkeslager.com/?a=blobdiff_plain;f=src%2Fbigly%2Fstatic%2Fbigly%2Fstyles.css;h=856316bd99005602712fede31437022a4e670c28;hb=c9e1b1be5a243dac10e44221db1781f2c470dc1a;hp=5eaa9c428b789e45c0fbc0774aee19f751b1f4f1;hpb=c2f61845f8372b4796bf4d10da7f57f99ee933c7;p=bigly

diff --git a/src/bigly/static/bigly/styles.css b/src/bigly/static/bigly/styles.css
index 5eaa9c4..856316b 100644
--- a/src/bigly/static/bigly/styles.css
+++ b/src/bigly/static/bigly/styles.css
@@ -1,3 +1,92 @@
+html, body, h1, h2, input {
+  background: none;
+  border: none;
+  border-radius: 0;
+  font-size: 14pt;
+  font-weight: normal;
+  margin: 0;
+  padding: 0;
+  outline: none;
+}
+
+html {
+  font-family: Verdana, Helvetica, sans-serif;
+  height: 100%;
+  width: 100%;
+  margin: 0;
+  padding: 0;
+}
+
 body {
-  color: magenta;
+  max-width: calc(100% - 6em);
+  margin: 3em auto;
+}
+
+main {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+h1.index {
+  font-size: 12vw;
+  text-align: center;
+}
+
+h2.index {
+  font-size: 6vw;
+  text-align: center;
+}
+
+form {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  margin: 3em auto;
+  max-width: 30em;
+  width: 100%;
+}
+
+form input[type=url] {
+  border-bottom: 2px solid black;
+  width: 100%;
+  padding: 4px;
+}
+
+form input[type=submit] {
+  border: 2px solid black;
+  border-radius: 5px;
+  margin-top: 1em;
+  padding: 5px 8px;
+  cursor: pointer;
+}
+
+form label {
+  font-size: 12pt;
+  width: 100%;
+}
+
+footer {
+  margin: 1rem 0 0 0;
+  text-align: center;
+}
+
+footer section:not(:first-child) {
+  margin-top: 1em;
+}
+
+h1 {
+  font-size: 3em;
+}
+
+section.faq {
+  max-width: 40em;
+}
+
+p.faq-question {
+  font-weight: bold;
+}
+
+p.faq-question:not(:first-child) {
+  margin-top: 1em;
 }