*{
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

body{
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: black;
	min-height: 100vh;
	color: #39ff14;
	font-family: 'Courier New', Courier, monospace;
	overflow: hidden;
	text-align: center;

	a{
		color: #39ff14;
	}
}

header,
footer{
	flex-grow: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	background: linear-gradient(90deg,rgba(1, 11, 18, 1) 0%, rgba(7, 54, 26, 1) 50%, rgba(23, 20, 2, 1) 100%);
	width: 100%;
	height: 50px;
}

main{
	flex-grow: 1;
	background: url('./background.jpg') no-repeat center right / auto 80%;
	width: 100%;
	height: 100%;

	h1{
		margin-top: 10%;
		margin-bottom: 10%;
		font-size: 3rem;
		text-transform: uppercase;
		letter-spacing: 5px;
		text-shadow: 0 0 10px #39ff14, 0 0 20px #0f0;
	}
}

	.countdown-container {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 20px;
	}

	.time-box {
		background: #0f150f;
		border: 1px solid #39ff14;
		padding: 20px;
		min-width: 120px;
		border-radius: 5px;
		box-shadow: 0 0 15px rgba(57, 255, 20, 0.2);
		position: relative;
	}

	.number {
		font-size: 3.5rem;
		font-weight: bold;
		display: block;
		text-shadow: 0 0 5px #39ff14;
	}

	.label {
		font-size: 0.9rem;
		text-transform: uppercase;
		color: #88aa88;
		margin-top: 5px;
		display: block;
	}

footer{
	height: 50px;
}