html{
	background: #dddddd;
     /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#444444, white); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#444444, white); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#444444, white); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#444444, white); /* Standard syntax */
    background-size:width height;
    background-repeat: no-repeat;
}
a{
	text-decoration: none;
	color: black;
}

#title{
	display: block;
    margin: 0 auto;
	width: 75%;
	-webkit-animation: fadein 3s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 3s; /* Firefox < 16 */
        -ms-animation: fadein 3s; /* Internet Explorer */
         -o-animation: fadein 3s; 
            animation: fadein 3s;
}

#clickenter{
	text-decoration: none;
	font-family: sans-serif;
	color:black;
	text-align: center;
	animation-name: fadein 10s;
		-webkit-animation: fadein 10s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 10s; /* Firefox < 16 */
        -ms-animation: fadein 10s; /* Internet Explorer */
         -o-animation: fadein 10s; /* Opera < 12.1 */
            animation: fadein 10s;
}
a:hover{
color: white;
}



/*referenced https://stackoverflow.com/questions/11679567/using-css-for-fade-in-effect-on-page-load*/
@keyframes fadeins {
  from {
    opacity:0;
  }

  to {
    opacity:1;
  }
}


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

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

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

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

/* Opera < 12.1 */
@-o-keyframes fadeout{
    from { opacity: 1; }
    to   { opacity: 0; }
}


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

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

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeout{
    from { opacity: 1; }
    to   { opacity: 0; }
}

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

/* Opera < 12.1 */
@-o-keyframes fadeout{
    from { opacity: 1; }
    to   { opacity: 0; }
}