style: removed inline-css

1 files changed, 34 insertions, 7 deletions

diff --git a/style.css b/style.css
index 205c7ca..85a8268 100644
--- a/style.css
+++ b/style.css
@@ -1,18 +1,14 @@
 html, body {
   margin: 0px;
   scroll-behavior: smooth;
+  padding-top: 100dvh;
 }
 
-canvas {
-  max-width: 100%;
+canvas, video {
+  max-width: 100%; 
   max-height: 100%;
 }
 
-video {
-  width: 100%;
-  height: 100%;
-}
-
 body:not(.import-active) .is-visible-import {
   display: none !important;
 }
@@ -28,3 +24,34 @@ body:not(.editor-active) .is-visible-editor {
 body.import-active .is-hidden-import {
   display: none !important;
 }
+
+.hero.is-fullheight {
+  min-height: 100dvh;
+}
+
+#settings-button {
+  position: absolute; 
+  right: 30px;
+  bottom: 30px
+}
+
+#back {
+  position: absolute; 
+  left: 30px;
+  top: 30px
+}
+
+#cheese {
+  position: absolute; 
+  bottom: 30px; 
+  left: 30px; 
+  right: 30px;
+}
+
+aside {
+  width: 300px;
+}
+
+#settings {
+  z-index: 200;
+}