nicer use of bootstrap grid

1 files changed, 17 insertions, 5 deletions

diff --git a/style.css b/style.css
index ab59612..8dba4dd 100644
--- a/style.css
+++ b/style.css
@@ -1,3 +1,7 @@
+html, body {
+  height: 100%;
+}
+
 .divider {
   height: 2rem;
   background-color: rgba(255, 255, 255, .5);
@@ -16,10 +20,18 @@
   cursor: pointer;
 }
 
-code {
-  display: block;
-  margin: 0 auto;
+body {
+  background-image: linear-gradient(0deg,rgba(0,0,0,.0),rgba(0,0,0,.6),rgba(0,0,0,.8)),url(/custom/background.jpg)
+}
+
+#output {
   background: white;
-  padding: 1rem 2rem;
-  border-radius: 0.25rem;
+  border-radius: .25rem;
+  padding: 1.625rem 1rem .625rem;
+}
+
+#output label {
+  transform: scale(.85) translateY(-.5rem) translateX(.15rem);
+  opacity: .65;
+  font-size: smaller;
 }