4px rgba(0,0,0,0.1),
        inset 0 0 0 3px #EFEFEF,
        inset 0 0 10px black,
        0 0 10px rgba(0,0,0,0.2);
    }

	
    .clock-face {
		position: relative;
		width: 100%;
		height: 100%;
		transform: translateY(-3px); /* account for the height of the clock hands */
    }

	.center {
		position: absolute;
		top: 50%;
		right: 50%;
		height: 4px;
		width: 4px;
		/* background: rgb(6, 6, 6); */
		border: 2px solid red;
		border-radius: 50%;
		box-shadow: 5px 5px 10px 5px black;
	}
	
    .hand {
    