@import url(http://fonts.lug.ustc.edu.cn/css?family=Lemon&text=Loading); /*Font used is Lemon(http://www.google.com/fonts/specimen/Lemon) by Eduardo Tunni.*/

*, *:before {box-sizing: border-box}

html, body {
	font: normal 100%/1.5 cursive, serif;
	height: 100%;
	margin: 0;
	text-align: center;
	background: #DFBD99;
}

/* via http://css-tricks.com/centering-in-the-unknown/ */
.center {
	height: 100%
}

.center:before {
  content: '';
  display: inline-block;
  height: 100%; 
  vertical-align: middle;
 }
 
.centered {
  display: inline-block;
  vertical-align: middle;
  width: 33%;
  min-width: 300px
 }

/*SVG Styling*/ 
.chicken {
	fill: #985538
}	
.swing {
	fill: #f5f5f5
}

#swinging {
	-webkit-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation: swingme 2s ease-in-out 0s infinite;
	animation: swingme 2s ease-in-out 0s infinite;	
} /*Note: Swings wildly in FF due to current lack of support for transform-origin within SVG*/
	
@-webkit-keyframes swingme {
	0%, 100% {
		-webkit-transform: rotate(10deg);
	}	
	50% {
		-webkit-transform: rotate(-10deg);
	}	
}
	
@keyframes swingme {
	0%, 100% {
		transform: rotate(10deg);
	}	
	50% {
		transform: rotate(-10deg);
	}	
}


/* Imperceptible at small sizes */
@media only screen and (min-width:541px), (min-height:541px) {
	
	#head {
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation: chickenhead 2s ease-in-out 0s infinite;
		animation: chickenhead 2s ease-in-out 0s infinite;
	}	
	
  @-webkit-keyframes chickenhead {
		0%, 100% {
			-webkit-transform: rotate(-5deg);
		}	
		50% {
			-webkit-transform: rotate(5deg);
		}	
	}
	
	@keyframes chickenhead {
		0%, 100% {
			transform: rotate(-5deg);
		}	
		50% {
			transform: rotate(5deg);
		}	
	}

}

#shadow {
	fill: #333;
	fill-opacity: .1;
	-webkit-animation: shadow 2s ease-in-out 0s infinite;
	animation: shadow 2s ease-in-out 0s infinite;
}	

@-webkit-keyframes shadow {
  0%, 100% {
    -webkit-transform: translateX(-2em);
  }
  50% {
    -webkit-transform: translateX(2em);
  }
}

@keyframes shadow {
	0%, 100% {
		transform: translateX(-2em);
	}
	50% {
		transform: translateX(2em);
	}
}

#loading {
	font-family: 'Lemon', cursive, serif;
	font-size: 42px;
	font-style: italic;
	fill: #985538;
	color: #985538;
}