Update static/style.css

static/style.css

@@ -15,15 +15,10 @@ body {
   justify-content: center;
   align-items: center;
   height: 100vh;
+  width: 100%
 }
 
-#altair_plot {
-  width: 100%;
-}
-
-
-
-h1, p {
+h1,h2, p {
   text-align: center;
 }
 
@@ -37,6 +32,9 @@ h1, p {
   max-width: 600px;
 }
 
+
+
+
 label {
   margin-bottom: 0.5rem;
   font-weight: bold;
@@ -71,6 +69,35 @@ select, textarea, button {
   max-height: 20rem;
 }
 
+#inner {  
+  text-align: center;
+}
+
+#outer {
+  width:100%;
+  height: 100px;
+  display: table-cell;
+  position: flex;
+  justify-content: center;
+  vertical-align:middle;
+  margin-top: 100px;
+  margin-bottom: 100px;
+}
+
+/* {
+  display: table-cell;
+  position: relative;
+  width:100%;
+  height: 100px;
+  background-color: rgba(89,144,222,.6);
+  vertical-align:middle;
+} */
+
+
+#outer h2{
+  text-align: center;
+} 
+
 #generate {
   background-color: #1da1f2;
   color: white;