diff --git a/public/style.css b/public/style.css index ae5c4a8f68edcb03e4557cd31750a4239147d5a2..aff2b96b1cc52c7d8b4145a97475f8b88d94407c 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; +} +