.absoluteCenter {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}


body {
	margin: 0;
}
	header {
		z-index: 1;
		position: absolute;
		top: 0;
		width: 100%;
		height: auto;
		background-color: rgba(0, 0, 0, 0.4);
	}
		#JsStatus {
			position: relative;
			padding: 10px;
			left: 0;
			top: 0;
			font-size: 20px;
			font-weight: bold;
			background-color: red;
			transition: 0.5s;
		}
			label {
				float: left;
				width: 75px;
			}

		#PHPOuter {
			position: fixed;
			right: 0;
			top: 0;
			width: 306px;
			height: 165px;
			border-radius: 50%;
			background-image: linear-gradient(to bottom right, #A6AACF 20%, #484C89 60%);
		}
			#PHPInner {
				width: 92%;
				height: 92%;
				border-radius: 50%;
				background-color: #777BB3;
			}
				#PHPText {
					padding-bottom: 25px;
					font-family: 'Roboto', sans-serif;
					font-size: 110px;
					text-shadow: 2px 2px 0 white, 2px -2px 0 white, -2px 2px 0 white, -2px -2px 0 white;
				}

	main {
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 85%;
	}
		#clock {
			
		}
			#clockRoot {
				position: relative;
				left: 50%;
				top: 50%;
				transform: translate(-50%, -50%);
				width: 0;
				height: 0;
			}
				#dartBoard {
					width: 700px;
					height: 700px;
				}
				#arrowSeconds {
					z-index: 1;
				}
				#arrowMinutes {
					z-index: 3;
				}
				#arrowHours {
					z-index: 5;
				}

				#arrowFinishSeconds, #arrowFinishMinutes, #arrowFinishHours {
					border: 5px solid black;
					border-radius: 50%;
				}
				#arrowFinishSeconds {
					z-index: 2;
					width: 50px;
					height: 50px;
					background-color: green;
				}
				#arrowFinishMinutes {
					z-index: 4;
					width: 25px;
					height: 25px;
					background-color: red;
				}
				#arrowFinishHours {
					z-index: 6;
					width: 5px;
					height: 5px;
					background-color: #000;
				}

				#urenteller {
					position: relative;
					box-shadow: 0 0 0 10px black;
					left: 50%;
					bottom: 155px;
					transform: translate(-50%, -50%);
					width: 217px;
					height: 217px;
					font-size: 150px;
					border-radius: 50%;
					background-color: red;
					text-align: center;
				}
					#urenteller>span {
						color: white;
						text-shadow: 4px 4px 0 black;
					}

				#auteur {
					position: absolute;
					top: 165px;
					left: 50%;
					transform: translate(-50%, -50%);
				}