html {
	height:100%;
}
body {
	background-color: #54566D;
	margin:0;
	height:100%;

}

/*@media all and (max-height: 800px) { /*Everything smaller than 420px*!/

}*/



header{
		position: fixed;
		/*background-color: red;*/
		z-index: 5;
		top: 0;
		margin: 5px;
		  -webkit-animation: fadein 10s; /* Safari and Chrome */
		       -moz-animation: fadein 10s; /* Firefox */
		        -ms-animation: fadein 10s; /* Internet Explorer */
		         -o-animation: fadein 10s; /* Opera */
		            animation: fadein 10s;
		}

#scroll{
	position: fixed;
	top: 85%;
	right: 5%;
	/*height: 100px;
	width: 100px;*/
	z-index: 10;
	/*background-color: pink;
	border: 1px solid red;*/
	-webkit-animation: fadein 10s; /* Safari and Chrome */
	     -moz-animation: fadein 10s; /* Firefox */
	      -ms-animation: fadein 10s; /* Internet Explorer */
	       -o-animation: fadein 10s; /* Opera */
	          animation: fadein 10s;
	
}

#scroll img{
	padding-left: 50px;
}

#scrollText{
	color: #fff;
	text-align: center;
	visibility: hidden;
	/*background-color: pink;*/
}

#scroll:hover  #scrollText{
	visibility: visible;
	-webkit-animation: fadein 1s; /* Safari and Chrome */
	     -moz-animation: fadein 1s; /* Firefox */
	      -ms-animation: fadein 1s; /* Internet Explorer */
	       -o-animation: fadein 1s; /* Opera */
	          animation: fadein 1s;
	
}

#loading{
	position: fixed;
	top: 50%;
	left: 50%;
}
	

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

/* Firefox */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari and Chrome */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}​

/* Opera */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}​