#clock{
	text-align:center;
	width:10%;
	height:10%;
	padding:5%;
	border:1px solid blue;
	border-radius:100%;
	color:blue;	
	position: absolute;
	margin: auto auto;
	direction: rtl;
    margin: 0 auto;	
	align-items: center;
}
#hour-pointer{
	width:5%;
	height:30%;
	background-color:blue;	
	border-radius:100%;
	color:blue;	
	position: absolute;
	left:48%;
	top:19%;
	transform: rotate(90deg);
	transform-origin:bottom;
	
}
#minute-pointer{
	width:5%;
	height:50%;
	background-color:blue;	
	border-radius:100%;
	color:blue;	
	position: absolute;
	left:48%;
	top: 1%;
	transform: rotate(90deg);
	transform-origin:bottom;

	
	
}
#second-pointer{
	width:5%;
	height:50%;
	background-color:red;	
	border-radius:100%;
	color:blue;	
	position: absolute;
	left:48%;
	top:1%;
	transform: rotate(90deg);
	transform-origin:bottom;

}
#center{
	width:15%;
	height:15%;
	background-color:blue;	
	border-radius:50%;
	position: absolute;
	left: 44%;
	top:  44%;
 
}
.numeric{
	width:90%;
	position: absolute;
	bottom: -50%;
	text-align:center;
	left:5%;
	top:110%
	
}
#numeric{
	max-width:100%;
	font-size:20px;

}