-
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;
+}