miya3333/DiscoveringNumbersGame

1@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');2 3* {4  box-sizing: border-box;5}6 7body {8  margin: 0;9  padding: 0;10  background: linear-gradient(135deg, #ece9e6, #ffffff);11  font-family: 'Roboto', 'Segoe UI', Tahoma, sans-serif;12  color: #333;13  display: flex;14  flex-direction: column;15  align-items: center;16  justify-content: flex-start;17  min-height: 100vh;18}19 20.container {21  width: 90%;22  max-width: 900px;23  margin-top: 40px;24  text-align: center;25}26 27#gameInfo {28  font-size: 1.5rem;29  margin-bottom: 1rem;30  background: #fff;31  padding: 0.75rem 1rem;32  border-radius: 8px;33  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);34  display: inline-block;35}36 37#startBtn {38  background: #4CAF50;39  color: #fff;40  border: none;41  border-radius: 4px;42  padding: 0.75rem 1.5rem;43  font-size: 1rem;44  display: block;45  margin: 0 auto 1rem;46  cursor: pointer;47  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);48  transition: background 0.3s ease;49}50#startBtn:hover {51  background: #45a049;52}53 54canvas {55  background: #fff;56  border-radius: 8px;57  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);58  margin: 0 auto;59  display: block;60}61 62#message {63  margin-top: 1rem;64  font-size: 1.25rem;65  min-height: 1.5em;66}67#message.correct {68  color: #28a745;69}70#message.wrong {71  color: #dc3545;72}73#message.clear {74  color: #17a2b8;75}76