body {
	background: #2a2727;
	color: #fff;
	margin: 0;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: "Segoe UI", Arial, sans-serif;
}
.countdown-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.countdown {
	border-color: #ff9a3c; /* orange border */
	border-width: 0.5px;
	border-style: solid;
	border-radius: 12px;

	padding: 1.2rem 1.6rem;

	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.35);

	font-family: monospace;
	font-size: 7vw;
	font-weight: bold;
	background: linear-gradient(
		90deg,
		red,
		orange,
		yellow,
		green,
		blue,
		indigo,
		violet
	);
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-align: center;
	margin-bottom: 1vw;
	letter-spacing: 0.1em;
	animation: rainbow-move 3s linear infinite;
}
@keyframes rainbow-move {
	from {
		background-position: 0%;
	}
	to {
		background-position: 100%;
	}
}
.label {
  font-family: monospace;
	font-size: 2vw;
	color: #ff9a3c;
	text-align: center;
}