@use "../hippie-style/hippie";

:root {
	--clock-color-yellow: rgb(250, 216, 3);
	--clock-color-orange: rgb(242, 175, 19);
	--clock-color-pink: rgb(211, 10, 81);
	--clock-color-purple: rgb(142, 31, 104);
	--clock-color-blue: rgb(39, 63, 139);
	--clock-color-pblue: rgb(60, 87, 154);
	--clock-color-lblue: rgb(183, 224, 240);
	--clock-color-lcyan: rgb(107, 199, 217);
	--clock-color-cyan: rgb(82, 190, 209);
}

.body_clock {
	main {
		@extend .sec_main_center;
		display: flex;
		flex-flow: column nowrap;
	}

	.wrap {
		position: relative;
		width: 512px;
		height: 512px;
		margin: 0 auto;
	}

	canvas {
		position: absolute;
		top: 0;
		left: 0;
	}

	p {
		text-align: center;
	}
}