/* styles.css */
body {
	font-family: Arial, sans-serif;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
	margin: 0;
	background-color: #f0f0f0;
}

.game-wrapper {
	text-align: center;
}

.categories-wrapper {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px;
	max-width: 400px;
	margin: 0 auto;
}

.categories-wrapper button {
	padding: 20px;
	border: none;
	background-color: #007bff;
	color: white;
	font-size: 16px;
	cursor: pointer;
	border-radius: 5px;
	transition: background-color 0.3s;
}

.categories-wrapper button.selected {
	background-color: #6c757d;
}

#clear-btn, #submit-btn {
	margin: 10px;
	padding: 10px 20px;
	font-size: 16px;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}

#clear-btn {
	background-color: #dc3545;
	color: white;
}

#submit-btn {
	background-color: #007bff;
	color: white;
}

#submit-btn:disabled {
	background-color: #6c757d;
	cursor: not-allowed;
}

#message {
	margin-top: 20px;
	font-size: 18px;
	color: #333;
}