* { margin: 0; padding: 0; outline: 0; }

body, html { height: 100%; }

body {
	font-size: 12px;
	line-height: 22px;
	font-family: arial, sans-serif;
	color: #828282;
	width: 100%;
	background:#333;
}

.wrapper{
	position: absolute;
	width: 100%;
	top: 48%;
}
	
.center{
	width: 240px;
	margin: 0 auto;
	outline: 0;
}

img{
	max-width: 240px !important;
	height: auto;
}

@-webkit-keyframes shakeme {
        0% { -webkit-transform: translate(-2px, -240px) rotate(-15deg); opacity: 0; }
	25% { -webkit-transform: translate(-2px, 20px) rotate(-2deg); }
	40% { -webkit-transform: translate(-2px, -20px) rotate(3deg); opacity: 1; }
	50% { -webkit-transform: translate(-1px, 10px) rotate(0deg); }
	60% { -webkit-transform: translate(-0px, -3px) rotate(-2deg); }
	65% { -webkit-transform: translate(0px, 4px) rotate(4deg); }
	80% { -webkit-transform: translate(0px, 0px) rotate(0deg); }
}
.center {
	-webkit-animation-name: shakeme;
	-webkit-animation-duration: 1s;
	-webkit-transform-origin:50% 50%;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
}