body{
	background: #00111a;
	color: #ccad2f;
	font-family: Helvetica, Arial;
	text-align: justify;
	pointer-events: none;
  -webkit-user-select: none;
}

p, span{
	color: #333333;
	transition: color 0.4s ease-out;
	-ms-transition: color 0.4s ease-out;
    -moz-transition: color 0.4s ease-out;
    -webkit-transition: color 0.4s ease-out;
	letter-spacing: 12.1px;
	font-size: 17px;
}

#midnight{
	color: #333333;
	letter-spacing: 23px;
}

#it, #is, span.active{
	color: #ff006c !important;
	transition: color 0.4s ease-out;
	-ms-transition: color 0.4s ease-out;
    -moz-transition: color 0.4s ease-out;
    -webkit-transition: color 0.4s ease-out;
}

#text-clock{
	width: 242px;
	position: absolute;
	left: 50%;
	top: 50%;
}

#line-1, #line-1 span{
	letter-spacing: 13.9px;
}
#line-2, #line-2 span{
	letter-spacing: 11.3px;
}
#line-7, #line-7 span{
	letter-spacing: 11.8px;
}
#line-8, #line-8 span{
	letter-spacing: 12.3px;
}
#line-9, #line-9 span{
	letter-spacing: 11.6px;
}
#line-10, #line-10 span{
	letter-spacing: 11.6px;
}

.hidden{
	display: none;
}