
.wrapper {background:url(images/back2.png);}
	main {position:relative;text-align:center;width:100%;height:612px;margin:0 auto 15px;overflow:hidden;}


		main > * {position:absolute;}
		.textbox {color:#000;font-weight:bold;width: 50px; height: 50px; font-family: Roboto; font-size: 18px; line-height:46px; text-align:center;vertical-align:middle;background:#fff;border:2px solid #36a836;border-radius:3px;}
		.clone {z-index:100}

		.shape {position:absolute;background:url(images/sprite.png) }
		.circle {left:278px; top:524px; width: 88px; height: 87px; background-position: -10px -81px; }
		.square {left:392px; top:524px; width: 86px; height: 87px; background-position: -108px -95px; }
		.rectangle {left:502px; top:548px; width: 110px; height: 61px; background-position: -10px -10px; }
		.triangle {left:629px; top:533px; width: 79px; height: 75px; background-position: -130px -10px; }

		.target {position:absolute;}
		.target1 {left:45px;top:0px;width:306px;height:236px;}
		.target2 {left:502px;top:0px;width:466px;height:221px;}
		.target3 {left:0px;top:236px;width:100%;height:230px;}
    @font-face { font-family: 'Roboto'; src: url(./fonts/Roboto-Regular.ttf); }