Add a basic link embiggener

[bigly] / src / bigly / static / bigly / styles.css

diff --git a/src/bigly/static/bigly/styles.css b/src/bigly/static/bigly/styles.css
index 5eaa9c4..b1bc6cf 100644 (file)
--- 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%;
 }