body {
	background-color:#000;
	overflow:hidden;
}
#wrapper {
	width:200px;
	height:100%;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
}

 @-webkit-keyframes move { 
0% {top:-20%;left:50px;}
100% {top:120%;left:50px;}
}

 @-webkit-keyframes wobble {  
0% {-webkit-transform: rotate(360deg);}
100% {-webkit-transform: rotate(0deg);}
}
 
 @-webkit-keyframes flip { 
0%   {-webkit-transform: scaley(1); bottom:0px;}
25%  {-webkit-transform: scaley(0); bototm:-4px;}
50%  {-webkit-transform: scaley(0); bottom:4px;}
75%  {-webkit-transform: scaley(0); bottom:-4px;}
100% {-webkit-transform: scaley(1); bottom:0px;}
}
 
 @-webkit-keyframes edge { 
0% {-webkit-transform: scaley(1); top:0px;}
25% {-webkit-transform: scaley(0); top:5px;}
50% {-webkit-transform: scaley(0); top:0px;}
75% {-webkit-transform: scaley(0); top:-5px;}
100% {-webkit-transform: scaley(1); top:0px;}
}

#h {
	bottom:0px;
	position:absolute;
	width:100px;
	height:100px;
	margin:auto auto;
	background:url(h.png);
	position:absolute;
	-webkit-animation-name: flip;
	-webkit-animation-duration:2s;
	-webkit-animation-delay:0s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
}
#t {
	bottom:0px;
	position:absolute;
	width:100px;
	height:100px;
	margin:auto auto;
	background:url(t.png);
	position:absolute;
	-webkit-animation-name: flip;
	-webkit-animation-duration:2s;
	-webkit-animation-delay:-1s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
}
#coin {
	position:absolute;
	width:100px;
	height:100px;
	margin:auto auto;
	border-radius:100%;
	background:url(edge.png);
	-webkit-transform: scaleX(-1);
	-webkit-animation-name: edge;
	-webkit-animation-duration:2s;
	-webkit-animation-delay:0s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
}
#coin2 {
	position:absolute;
	width:100px;
	height:100px;
	margin:auto auto;
	border-radius:100%;
	background:url(edge.png);

	-webkit-animation-name: edge;
	-webkit-animation-duration:2s;
	-webkit-animation-delay:-1s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
}
#coin3 {
	top:46px;
	height:8px;
	position:absolute;
	width:100px;
	margin:auto auto;
	background:url(edge.png);
}
#coinmove {
	width:200px;
	height:100px;
	position:absolute;
	-webkit-animation-name: move;
	-webkit-animation-duration:5.1s;
	-webkit-animation-delay:-1s;	
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:linear;
}
#coinwobble {
	width:100px;
	height:100px;
	top:0px;
	left:0px;
	position:absolute;
	-webkit-animation-name: wobble;
	-webkit-animation-duration:6.73s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
}