body, html {
	height: 100%;
	margin: 0;
}

.bg {
	background-image: url("halloween.jpg");
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.clock {
  width: 650px;
  position: absolute;
  top: 10%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.message {
	background: #000000;
	color: white;
	font-family: "Helvetica, sans-serif";
	text-align: center;
	font-size: x-large;
	padding: 1em;
	opacity: 0.5;
	border-radius: 2em;
	width: 650px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}