body {
    -webkit-text-size-adjust: 100%;
}

#superfade_two, #superfade_three{
    visibility: hidden;
}


div {
	text-align: center;
	position: relative;
  	top: 50%;
	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
}

a:link { text-decoration: none; color: blue; }
a:visited { text-decoration: none; color: blue; }
a:hover { text-decoration: none; color: blue; }
a:active { text-decoration: none; color: blue; }

.name { font-size: 4vw; }
.links { font-size: 2vw; }

.superfade {
    -webkit-animation-name: fadein; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation-name: fadein; /* Safari, Chrome and Opera > 12.1 */
    -ms-animation-name: fadein; /* Safari, Chrome and Opera > 12.1 */
    -o-animation-name: fadein; /* Safari, Chrome and Opera > 12.1 */
    animation-name: fadein; /* Safari, Chrome and Opera > 12.1 */
    -webkit-animation-duration: 2s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation-duration: 2s; /* Firefox < 16 */
    -ms-animation-duration: 2s; /* Internet Explorer */
    -o-animation-duration: 2s; /* Opera < 12.1 */
    animation-duration: 2s;
	-webkit-animation-fill-mode: forwards; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation-fill-mode: forwards; /* Firefox < 16 */
    -ms-animation-fill-mode: forwards; /* Internet Explorer */
    -o-animation-fill-mode: forwards; /* Opera < 12.1 */
    animation-fill-mode: forwards;
	
}


#superfade_two {
    -webkit-animation-delay: 2s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation-delay: 2s; /* Firefox < 16 */
    -ms-animation-delay: 2s; /* Internet Explorer */
    -o-animation-delay: 2s; /* Opera < 12.1 */
    animation-delay: 2s;
}

#superfade_three {
    -webkit-animation-delay: 4s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation-delay: 4s; /* Firefox < 16 */
    -ms-animation-delay: 4s; /* Internet Explorer */
    -o-animation-delay: 4s; /* Opera < 12.1 */
    animation-delay: 4s;
}

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

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

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

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

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