New styling option.

style_simple.css

@@ -0,0 +1,113 @@
+@import url('https://fonts.googleapis.com/css?family=Germania+One|Space+Mono|EB+Garamond');
+
+html,
+body {
+  min-width: 60ch;
+  max-width: 60%;
+  height: 100%;
+  margin: auto;
+  font-family: 'EB Garamond', serif;
+  font-size: 1em
+}
+
+
+html {
+  background-color: #fff
+}
+
+h1 {
+  font-family: 'Germania One', cursive;
+  font-size: 3em;
+  text-align: center
+}
+
+th,
+td {
+  text-align: center;
+
+}
+
+th {
+  border-top: 0.1em solid black;
+  border-bottom: 0.1em solid black;
+  font-size: 0.8em;
+}
+
+button {
+  background-color: black;
+  color: white;
+  padding: 0.8em;
+  margin: 0.8em;
+  border-radius: 0.2em;
+  border: none;
+}
+
+button:hover {
+  background-color: red;
+  color: black;
+}
+
+p#Acknowledgements {
+  position: absolute;
+  bottom: 0;
+  margin: auto;
+  font-size: 0.8em
+}
+
+#menu_bar {
+  display: flex;
+  justify-content: space-evenly;
+  flex-wrap: wrap;
+  margin: 0.4em
+}
+
+#options {
+  display: flex;
+  justify-content: space-evenly;
+  flex-wrap: wrap;
+}
+
+#generate {
+  background-color: #eee;
+  box-shadow: 0em 0em 0.2em 0em;
+  border-radius: 0.05em;
+  padding: 0.8em;
+  margin: 1em
+}
+
+#stat_block {
+  box-shadow: 0em 0em 0.2em 0em;
+  border-radius: 0.1em;
+  margin: 1em;
+  max-width: 40ch;
+}
+
+#stat_header {
+  font-family: 'EB Garamond', serif;
+  font-size: 1.2em;
+}
+
+#skill_header {
+  font-weight: bold;
+
+}
+
+/* #skillsB,
+#trappingsB,
+#talentsB,
+#xpB,
+#fateresilienceB {
+  padding: 1em;
+} */
+
+#talentsB {
+  padding: 1em;
+}
+
+#talentsB span {
+  padding: 0
+}
+
+table {
+  width: 100%;
+}