body {
	display: flex;

	width: 98vw;
	height: 98vh;
}

#time {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;

	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	font-size: 180px;

	z-index: 1;
}

#sun {
	position: absolute;

	width: 100px;
	height: 100px;

	background-image: url(img/sun.png);
}

#moon {
	position: absolute;
	width: 100px;
	height: 100px;

	background-image: url(img/moon2.png);
	background-color: rgb(10, 0, 26);
}

#sun, #moon {
	top: 50%;
	transform: translateY(-50%);
}

#img {
	height: 100%;
}