commit 6543f802a3f917b357d8a05171ccb8254e23ffed Author: kukemuna Date: Sat Mar 30 21:55:32 2024 +0200 automated commit by submit50 diff --git a/index.html b/index.html new file mode 100644 index 0000000..1322d03 --- /dev/null +++ b/index.html @@ -0,0 +1,80 @@ + + + + + + + Trivia! + + + +
+

Trivia!

+
+ +
+
+

Part 1: Multiple Choice

+
+

Which dog made the first orbital flight?

+ + + + + + + +

+ +
+ +
+

Part 2: Free Response

+
+ +

What was it's real (english) name?

+ + + + +

+ +
+
+ + diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..1a5869a --- /dev/null +++ b/styles.css @@ -0,0 +1,62 @@ +body { + background-color: #fff; + color: #212529; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + margin: 0; + text-align: left; +} + +.container { + margin-left: auto; + margin-right: auto; + padding-left: 15px; + padding-right: 15px; +} + +.header { + background-color: #3498db; + color: #fff; + margin-bottom: 2rem; + padding: 2rem 1rem; + text-align: center; +} + +.section { + padding: 0.5rem 2rem 1rem 2rem; +} + +.section:hover { + background-color: #f0f0f5; + transition: color 2s ease-in-out, background-color 0.15s ease-in-out; +} + +h1 { + font-family: 'Montserrat', sans-serif; + font-size: 48px; +} + +button, input[type="submit"] { + background-color: #d9edff; + border: 1px solid transparent; + border-radius: 0.25rem; + font-size: 0.95rem; + font-weight: 400; + line-height: 1.5; + padding: 0.375rem 0.75rem; + text-align: center; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + vertical-align: middle; +} + + +input[type="text"] { + line-height: 1.8; + width: 25%; +} + +input[type="text"]:hover { + background-color: #f5f5f5; + transition: color 2s ease-in-out, background-color 0.15s ease-in-out; +}