body { margin:200px; font-family: 'Exo 2', sans-serif; margin:1em; padding:0; }
h1 { transform:rotate(4.0deg); transform-origin:0 0; margin-top:1em; padding:0;}
h2 { transform:rotate(-3.0deg); margin-left:5em; margin-top:2em; padding:0; }
p { transform:rotate(-1.5deg);}
h3 { transform:skew(40deg); }
h4 { transform:rotate(-35deg); }

#wanderer {
    transform:rotate(0deg);
    -webkit-transform-origin:50% 50%;
    -webkit-animation: screwball 7s infinite;
}

@-webkit-keyframes screwball {
    0% {
	transform:rotate(0deg) skew(0deg);
	animation-timing-function: ease-in;
    }
    20% {
	transform:rotate(20deg) skew(-10deg);
    }
    40% {
	transform:rotate(-10deg) skew(2deg);
    }
    75% {
	transform:rotate(40deg) skew(20deg);
    }
    100% {
	transform:rotate(0deg) skew(0deg);
    }
}