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

diff --git a/src/bigly/static/bigly/styles.css b/src/bigly/static/bigly/styles.css
index 5eaa9c4..b1bc6cf 100644
--- a/src/bigly/static/bigly/styles.css
+++ b/src/bigly/static/bigly/styles.css
@@ -1,3 +1,61 @@
+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;
+}
+
+h1 {
+  font-size: 12vw;
+  text-align: center;
+}
+
+h2 {
+  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%;
 }