body {
	background-color: #202124;
}

#container {
	position: relative;
	height: 70vh;
	width: 70vh;
	background-color: #43495e;
	border-radius: 400px;
	background-size: 100%;
	margin: auto;
	margin-top: 6%;

	box-shadow: 8px 8px 8px #3e3e3e;
}

#hourHand,
#secondHand,
#minuteHand,
#pin {
	position: absolute;
	background-color: black;
	border-radius: 10px;
	transform-origin: bottom;
}

#hourHand {
	width: 3%;
	height: 20%;
	top: 31.4%;
	left: 48.57%;
	background-color: #000;
	opacity: 0.8;
}

#minuteHand {
	width: 2%;
	height: 25%;
	top: 26%;
	left: 49.1%;
	background-color: #000;
	opacity: 0.8;
}

#secondHand {
	width: 1%;
	height: 35%;
	top: 16%;
	left: 49.66%;
	background-color: #000;
	opacity: 0.8;
}

#pin {
	background-color: #000;
	width: 4%;
	height: 4%;
	border-radius: 30px;
	top: 49.3%;
	left: 48.1%;
}