@charset "utf-8";
@import url("webfonts/EvilSound/stylesheet.css");
@import url("webfonts/xtypewriter/stylesheet.css");


@keyframes slideIn {
	0% {
		transform: translateY(-300%);
	}
	100% {
		transform: translateY(0);
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0%;
	}
	100% {
		opacity: 100%;
	}
}

html {
	height: 100%;
	display: table;
    margin: auto;
}

a {
	text-decoration: none;
	color: inherit;
}

#header {
	animation: 3s ease-out 0s 1 slideIn;
    font-family: EvilSound;
    font-size: 500%;
}

#content {
    opacity: 0%;
    animation-delay: 3.25s;
    animation-name: fadeIn;
    animation-duration: 2s;
    animation-fill-mode: forwards;
    font-family: xtypewriter;
}


#body {
    color: #FFFFFF;
    text-align: center;
    background-color: #000000;
    font-style: normal;
    font-weight: 400;
    text-shadow: 3px 3px 10px #DC143C;
    font-size: medium;
	height: 100%;
    display: table-cell;
    vertical-align: middle;
	background-image: url(background.gif);
}