@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 {
		display: flex;
		flex-flow: column nowrap;
		justify-content: center;
		align-items: center;
		height: 100vh;
		width: 100%;
		overflow: hidden;
	}

	.wrap {
		position: relative;
	}

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

	p {
		text-align: center;
	}
}