* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #023047;
	text-align: center;
	color: #fb8500;
	margin-top: 50px;
}

.container {
	height: 70vh;
	display: flex;
	justify-content: center;
	align-items: center;

	.game {
		height: 60vmin;
		width: 60vmin;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		gap: 1.5vmin;

		.box {
			height: 18vmin;
			width: 18vmin;
			border-radius: 1rem;
			border: none;
			box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
			font-size: 8vmin;
			color: #fb8500;
			background-color: #044e76;
		}
	}
}

.reset {
	padding: 1rem;
	font-size: 1.25rem;
	border-radius: 1rem;
	border: none;
	background-color: #fb8500;
	color: #023047;
	font-weight: 700;
	margin-bottom: 50px;
}

.new-game {
	padding: 1rem;
	font-size: 1.25rem;
	border-radius: 1rem;
	border: none;
	background-color: #fb8500;
	color: #023047;
	font-weight: 700;
	margin-top: 25px;
	margin-bottom: 25px;
}

.msg {
	font-size: 5vmin;
	color: #fb8500;
}

.msg-container {
	height: 30vmin;
	margin-top: 5px;
}

.hide {
	display: none;
}