diff --git a/index.html b/index.html index e928532..e106d9d 100644 --- a/index.html +++ b/index.html @@ -244,36 +244,30 @@ flex-direction: column; justify-content: flex-start; align-items: center; - padding: 8rem 2rem 1.5rem; + padding: 2rem 2rem 1rem; overflow-y: auto; } - #sceneM4 { - padding-top: 2rem; + #scene4a { + justify-content: center; } #sceneM4 .s4visual { margin-top: 0; } - #sceneD4 { - padding-top: 2rem; - } #sceneD4 .s4visual { margin-top: 0; } - #sceneI4 { - padding-top: 2rem; - } #sceneI4 .s4visual { margin-top: 0; } - #scene10e { - padding-top: 2rem; - } #scene10e .s4visual { margin-top: 0; } #scene10e .btnNext { padding: 0.4rem 2.5rem; } + #scene4f .s4visual { + margin-top: 0; + } .scene4text { white-space: pre-wrap; text-align: center; @@ -284,7 +278,7 @@ .s4visual { width: 100%; max-width: 50rem; - margin-top: 1.5rem; + margin-top: 1rem; opacity: 0; transition: opacity 1.2s ease; text-align: center; @@ -303,7 +297,7 @@ align-items: center; width: 100%; max-width: 50rem; - margin-bottom: 1.5rem; + margin-bottom: 1rem; padding: 0.5rem 0; border-bottom: 1px solid #003300; opacity: 0; @@ -371,6 +365,12 @@ letter-spacing: 2px; } .btnNext:hover { background-color: #003300; } + .btnLab { + visibility: visible !important; + opacity: 0.5 !important; + pointer-events: auto !important; + } + .btnLab:hover { opacity: 1 !important; } /* 69% Callout box */ .callout-box { @@ -437,7 +437,7 @@ flex-direction: row; gap: 1rem; justify-content: center; - margin-top: 1.5rem; + margin-top: 1rem; width: 100%; max-width: 50rem; } @@ -925,6 +925,7 @@
+
@@ -935,6 +936,7 @@ +
@@ -945,6 +947,7 @@ +
@@ -955,6 +958,7 @@ +
@@ -965,9 +969,20 @@ + +
+ +
+
+
+
+
+ + + +
-
@@ -1243,6 +1258,7 @@
+
@@ -1253,6 +1269,7 @@ +
@@ -1263,6 +1280,7 @@ +
@@ -1273,6 +1291,7 @@ +
@@ -1283,6 +1302,18 @@ + +
+ +
+
+
+
+
+ + + +
@@ -1302,6 +1333,7 @@
+
@@ -1312,6 +1344,7 @@ +
@@ -1322,6 +1355,7 @@ +
@@ -1332,6 +1366,7 @@ +
@@ -1342,6 +1377,7 @@ +
@@ -1351,6 +1387,7 @@ +