body {
	background:red;

	
}


section {
	width:80%;
	height:100%;
	margin: 100px auto;
	text-align:center;padding:100px 0px;
	background:none;
	background-color:transparent;
	box-shadow:none;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#724603+0,f93f31+100 */
background: rgb(114,70,3); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(114,70,3,1) 0%, rgba(249,63,49,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(114,70,3,1) 0%,rgba(249,63,49,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(114,70,3,1) 0%,rgba(249,63,49,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#724603', endColorstr='#f93f31',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

border-radius:60%;
box-shadow:2px 2px 40px #343434;


	}



.clock {
	border-radius:50%;
	background:radial-gradient(#000, #000 0.1em, #fff 0.1em, #fff), #fff;
	display:inline-block;
	padding-bottom:31.333%;
	position:relative;
	width:31.333%;
	opacity:1;
	background:#fff url(clock.svg) no-repeat center;
	background-size:88%;
	
	transition:all 2.5s cubic-bezier(0.12, 1.03, 0.34, 1);
	border:25px solid red;
	box-shadow:3px 2px 30px #343434;
}

.clock::after {
	background:red;
	border-radius:50%;
	content:"";
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	width:5%;
	height:5%;
	z-index:10
}
.minutes-container, .hours-container, .seconds-container {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0
}
.hours-container {
	-webkit-animation:rotate 43200s infinite linear;
	animation:rotate 43200s infinite linear
}


.hours {
	width:2.5%;
	background:#000;
	height:20%;
	left:48.75%;
	top:30%;
	position:absolute;
	-webkit-transform-origin:50% 100%;
	transform-origin:50% 100%
}

.minutes {
	width:2%;
	height:40%;
	left:49%;
	top:10%;
	-webkit-transform-origin:50% 100%;
	transform-origin:50% 100%;
	background:#000;
	position:absolute;
	
}

.seconds {
	background:red;
	height:45%;
	left:49.5%;
	top:14%;
	width:1%;
	-webkit-transform-origin:50% 80%;
	transform-origin:50% 80%;
	position:absolute;
	z-index:8
}