body {
	background-color: black;
	font-family: var(--ff);
	color: #ffffff;

	height: 100vh;
	display: flex;
}

#md {
	margin: auto;
	text-align: center;
	padding-bottom: 3.5rem;
}

h1 {
	font-size: 2.8rem;
}

#countdown {
	font-size: 2rem;
	font-weight: 900;
	font-family: 'Courier New', Courier, monospace;
}

#bg {
	top: 50vh;
	left: 50vw;
	z-index: -1;
	position: fixed;
	min-width: 110vw;
	min-height: 110vh;
	user-select: none;
	pointer-events: none;
	filter: brightness(0.5);
	transform: translate(-50%, -50%);
}

.social_container {
	display: flex;
	flex-wrap: wrap;
	margin-top: 2.5rem;
	justify-content: space-around;
}

.social_link {
	margin: 0px 18px;
	cursor: pointer;
	color: #cccccc;
	font-size: 1.2rem;
	text-decoration: none;
}

.social_link_lg {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
}

@media only screen and (max-device-width: 990px) {
	.social_container {
		display: flex;
		flex-direction: column;
	}

	.social_link {
		margin-bottom: 10px;
	}
}