@charset "utf-8";
/* CSS Document */

body {
	background-color:#000099;
	font-family: "brevier",sans-serif;
}
body.fade-in {
	background-color:#99CCFF;
	transition-property: background-color;
	transition-duration: 5s;
}

nav span {
	margin-right: 4em;
}


.zombie{
animation-duration: 3s;
	animation-name: expand;
	animation-iteration-count: 1;
}

h1 {
	/* animation-duration: 3s;
	animation-name: expand;
	animation-iteration-count: 1; */
}
.h-animation {
	animation-duration: 3s;
	animation-name: expand;
	animation-iteration-count: 1;
}

@keyframes gross {
  0% {
    filter: hue-rotate(0deg);
    width: 400px;
    /*filter: contrast(0%);*/
    /*filter: blur(0px);*/
  }

  50% {
    filter: hue-rotate(60deg);
    width: 410px;
    height: 200px;
    /*filter: contrast(200%);*/
    /*filter: blur(10px);*/
  }
  100% {
    filter: hue-rotate(0deg);
    width: 400px;
    /*filter: contrast(0%);*/
    /*filter: blur(0px);*/
  }
}

@keyframes expand {
  0% {
    font-size: 2em;
  }
  50% {
    font-size: 1em;
	transform: rotate(-30deg);
	/*margin-left: 10000px;*/
  }
  100% {
    font-size: 2em;
  }
}