From 96c17bba14908f192ec5a8b9edb2a1c48ed8b546 Mon Sep 17 00:00:00 2001 From: enr27 <enr27@drexel.edu> Date: Sun, 24 Nov 2024 03:03:19 +0000 Subject: [PATCH] Replace style.css --- public/style.css | 69 +++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 68 insertions(+), 1 deletion(-) diff --git a/public/style.css b/public/style.css index ae5c4a8..aff2b96 100644 --- a/public/style.css +++ b/public/style.css @@ -97,4 +97,71 @@ body { .home-content .start-button:hover { background: #09001d; box-shadow: none; -} \ No newline at end of file +} + +#gameArea { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + height: 100vh; + text-align: center; + padding-top: 200px; + padding-left: 200px; +} + +#question { + font-size: 28px; + margin-bottom: 20px; + max-width: 80%; + line-height: 1.5; + text-shadow: 0 0 10px rgba(0, 0, 0, 0.3); +} + +#options { + display: flex; + flex-direction: column; + gap: 15px; + width: 80%; +} + +#options button { + padding: 10px 20px; + font-size: 18px; + border: none; + border-radius: 5px; + cursor: pointer; + background-color: blue; + color: white; + transition: background-color 0.3s; +} + +#options button:hover { + background-color: darkblue; +} + +#score { + position: absolute; + top: 20px; + right: 20px; + font-size: 18px; + background: rgba(0, 0, 0, 0.6); + color: #fff; + padding: 10px 15px; + border-radius: 5px; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); +} + +#timer { + position: absolute; + top: 20px; + left: 20px; + font-size: 18px; + background: rgba(0, 0, 0, 0.6); + color: #fff; + padding: 10px 15px; + border-radius: 5px; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); + z-index: 100; +} + -- GitLab