body {
	background: #000;
	color: #fff;
	font-family: Krub, Helvetica, Arial;
    font-weight: 200;
	text-align: justify;
	pointer-events: none;
    -webkit-user-select: none;
    -webkit-animation: fadein 12s;
}

h1 {
	font-size: 10px;
    position: relative;
	padding-top: 2%;
    padding-left: 42%;
    color: #fff;
	font-family: Krub, Helvetica, Arial;
    font-weight: 200;
}

h2 {
	font-size: 15px;
    position: relative;
	top: 5%;
    left: 40%;
    color: #fff;
	font-family: Krub, Helvetica, Arial;
    font-weight: 200;
	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: 18px;
}

#midnight{
	color: #000;
	letter-spacing: 21.8px;
}

#it, #is, span.active{
	color: #fff !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%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-transform: uppercase;
}

@-webkit-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

#hover_menu {
  background: -webkit-linear-gradient(gray, darkgray);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: 20.9px;
  -webkit-animation: fadein 4s;
  animation: fadein 2s;
}

#line-1, #line-1 span{
	letter-spacing: 13.1px;
      -webkit-animation: fadein 3s;
}
#line-2, #line-2 span{
	letter-spacing: 11.3px;
      -webkit-animation: fadein 4s;
}
#line-7, #line-7 span{
	letter-spacing: 11.8px;
      -webkit-animation: fadein 4s;
}
#line-8, #line-8 span{
	letter-spacing: 12.3px;
      -webkit-animation: fadein 4s;
}
#line-9, #line-9 span{
	letter-spacing: 11.6px;
      -webkit-animation: fadein 4s;
}
#line-10, #line-10 span{
	letter-spacing: 11.6px;
      -webkit-animation: fadein 4s;
}

.hidden{
	display: none;
}

@media only screen and (max-width: 800px) {
    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: 15px;
    }
}