body
{
	background-color: rgba(244, 123, 255, 0.63);
	color:#09F;
	color: #ff19d2;
	font-family: 'Open Sans', sans-serif;
	height:100%;
	padding:0px;
	margin:0px;

}

.dateTimeBox
{
	/*border:1px solid #0FF;*/
	width:1200px;
	height:400px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-20%;
	margin-left:-600px;
	min-width:1024px;
	padding:0px;
}

.timeBox
{
	/*border:1px solid #0FF;*/
	/*width:100%;*/
	height:230px;
	padding-left:225px;
}

.hoursMins
{
	margin:0px;
	padding:0px;
	font-size:235px;
	/*border:1px solid #0FF;*/
	width:600px;
	text-align:right;
	float:left;
	margin-left:0px;
	margin-top:-28px;
}

.seconds
{
	margin:0px;
	padding:0px;
	font-size:140px;
	/*border:1px solid #0FF;*/
	float:left;
	margin-top:70px;
}

.AMPM
{
	margin:0px;
	padding:0px;
	font-size:140px;
	/*border:1px solid #0FF;*/
	float:left;
	margin-top:95px;
}

.secondsBar
{
	margin-top:30px;
	width:100%;
	border-top:1px solid;
	border-bottom:1px solid;
	height:20px;
	padding:5px 0px 5px 0px;
}

.extendingBar
{
	width:0%;
	height:100%;
	background-color:#09F;
	background-color:#ff19d2;
}

.dateBox
{
	width:1150px;
	/*border:1px solid #0CF;*/
	height:100px;
	text-align:right;
	font-size:58px;
	position:absolute;
	top:300px

}