diff --git a/index.html b/index.html index d0d42a6..32f63ff 100644 --- a/index.html +++ b/index.html @@ -106,18 +106,23 @@ #scene2Text { color: #00ff00; font-family: 'Courier New', monospace; - font-size: 1.2rem; + font-size: 6rem; line-height: 2; text-align: center; visibility: hidden; + padding-top: 15vh; + margin-bottom: auto; } - #learnBtn { - position: fixed; - bottom: 5%; - left: 50%; - transform: translateX(-50%); - z-index: 5; + #scene2 { + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + } + + .choiceBtn { + position: absolute; padding: 1rem 3rem; font-size: 1.1rem; background-color: #001100; @@ -130,12 +135,31 @@ transition: opacity 0.5s ease, background-color 0.2s ease; font-family: 'Courier New', monospace; letter-spacing: 2px; + display: none; } - #learnBtn:hover { + .choiceBtn:hover { background-color: #003300; } + #creatorBtn { + top: 55%; + left: 50%; + transform: translateX(-50%); + } + + #builderBtn { + top: 70%; + left: 35%; + transform: translateX(-50%); + } + + #developerBtn { + top: 70%; + left: 65%; + transform: translateX(-50%); + } + #scene3Title { position: absolute; top: 2rem; @@ -150,6 +174,17 @@ #scene3Title.visible { opacity: 1; } + + #scene3 { + flex-direction: column; + align-items: flex-start; + justify-content: flex-start; + padding: 6rem 2rem; + } + + #scene3Text { + white-space: pre-wrap; + } @@ -165,8 +200,10 @@
-
+ + +
@@ -174,6 +211,18 @@
+
+
+
+ +
+
+
+ +
+
+
+