body {
	font: 14px/1.7 -apple-system-font, HelveticaNeue-Light, "Helvetica Neue", Helvetica, sans-serif;
	color: #5e5d7f;
	margin: 0 90px 50px;
	background-color: #d3d3dc;
	padding-top: 0;
}

h1, h2 {
	font-style: italic;
	color: #e3b196;
	font-size: 2.5em;
	font-weight: 400;
	margin-bottom: 20px;
	margin-top: 30px;
	line-height: 140%;
}

h1, h2, p, ul, hr {
	max-width: 650px;
	margin-right: auto;
	margin-left: auto;
}

a {
	color: #5e5d7f;
	font-weight: bold;
}

/* Pig */

#pig-container {
	position: relative;
	height: 125px;
	margin: 80px 165px 40px 65px;
}

#pig {
	position: absolute;
	display: block;
	width: 165px;
	height: 111px;
	-webkit-animation-name: fly, fly-twirl;
	-webkit-animation-delay: 0s;
	-webkit-animation-duration: 20s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: normal;
	-webkit-animation-timing-function: linear;
}

#pig img {
	display: block;
	position: absolute;
	z-index: 10;
}

#pig-backwing, #pig-frontwing {
	content: "";
	position: absolute;
	display: block;
	-webkit-animation-delay: 0s;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-timing-function: ease-in-out;
}

#pig-backwing {
	width: 52px;
	height: 42px;
	top: 5px;
	left: 57px;
	z-index: 9;
	background-image: url(very/pigwingback.png);
	-webkit-animation-name: backwing;
}

#pig-frontwing {
	width: 63px;
	height: 55px;
	top: 42px;
	left: 70px;
	z-index: 11;
	background-image: url(very/pigwingfront.png);
	-webkit-animation-name: frontwing;
}

/* Clouds */

#clouds {
	position: fixed;
	overflow: hidden;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 250px;
}

.cloud {
	content: "";
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 122px;
	height: 83px;
	background-image: url(very/cloud.png);
}

.cloud.above {
	z-index: 12;
}

/* @group Animations */

@-webkit-keyframes fly {
	0%   { top: 0%; left: 100%; }
	5%   { top: 75%; left: 98% }
	10%  { top: 100%; left: 87% }
	15%  { top: 60%; left: 75% }
	20%  { top: 30%; left: 60% }
	25%  { top: 45%; left: 50% }
	30%  { top: 75%; left: 35% }
	35%  { top: 90%; left: 20% }
	40%  { top: 75%; left: 10% }
	45%  { top: 60%; left: 5% }
	50%  { top: 60%; left: 2% }
	60%  { top: 0%; left: 3% }
	70%  { top: -10%; left: 30% }
	85%  { top: -50%; left: 80% }
	90%  { top: 0%; left: 98%; }
	100% { top: 0%; left: 100%; }
}

@-webkit-keyframes fly-twirl {
	0%   { -webkit-transform: rotate(-5deg); }
	10%  { -webkit-transform: rotate(15deg); }
	15%  { -webkit-transform: rotate(45deg); }
	20%  { -webkit-transform: rotate(90deg); }
	25%  { -webkit-transform: rotate(120deg); }
	30%  { -webkit-transform: rotate(180deg); }
	35%  { -webkit-transform: rotate(270deg); }
	50%  { -webkit-transform: rotate(370deg); }
	60%  { -webkit-transform: rotate(450deg); }
	80%  { -webkit-transform: rotate(600deg); }
	90%  { -webkit-transform: rotate(700deg); }
	100% { -webkit-transform: rotate(715deg); }
}

@-webkit-keyframes backwing {
	0%   { top: 5px; }
	100% { top: -2px; }
}

@-webkit-keyframes frontwing {
	0%   { top: 38px; }
	100% { top: 42px; }
}

/* @end */
