diff --git a/index.html b/index.html
index ffe4285..1ec7ebc 100644
--- a/index.html
+++ b/index.html
@@ -2,7 +2,7 @@
-
+
randomp2p – Münzwurf
@@ -125,6 +125,9 @@
+
diff --git a/style.css b/style.css
index 80d98b6..e613aa3 100644
--- a/style.css
+++ b/style.css
@@ -19,18 +19,24 @@
--shadow: 0 4px 24px rgba(0,0,0,0.4);
}
-html, body {
- height: 100%;
+html {
+ min-height: 100vh;
+}
+body {
+ min-height: 100vh;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
background: var(--bg);
color: var(--text);
- overflow: hidden;
+ overflow-x: hidden;
+ overflow-y: auto;
+ display: flex;
+ flex-direction: column;
}
/* Screens */
.screen {
display: none;
- height: 100%;
+ flex: 1;
align-items: center;
justify-content: center;
padding: 20px;
@@ -382,5 +388,14 @@ h3 {
background: var(--bg-hover);
}
+/* Footer */
+footer {
+ text-align: center;
+ padding: 20px 16px;
+ color: var(--text-dim);
+ font-size: 0.8rem;
+ border-top: 1px solid var(--border);
+}
+
/* Utility */
.hidden { display: none !important; }