*{
	margin: 0;
	padding: 0;
}
body{
	background: black;
	height: 100vh;
	position: relative;
	display: block;
}
#clock-container {
	display: flex;
	justify-content: center;
  	align-items: center;
	width: 100%;
	height: 100%;
}

.clocks{
	position: relative;
	width: 100%;
	height: 100%;
	display: block;

	img {
		width: 100%;
		height: 100%;
		object-fit: contain;
		
		/* Prevent inline image baseline gap that causes tiny overflow */
		display: block;

		&.hide {
			/* Raise specificity to hide missing images */
			display: none;
		}
	}
}

.dh, .dm, .h, .m, .dots{
	max-height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}

.hide {
	display: none;
}

.linkLeft {
	position: absolute;
	left: 20px;
	bottom: 20px;
	color: #555;
	font-family: Arial;
	font-size: 0.8em
}

a {
	color: #555;
}