.wrapper {background:url(images/bg.png);}
    main {position:relative;width: 1024px;height:612px;margin:15px auto 0;overflow:hidden;}
        .sprite { background-image: url('images/sprite.png'); background-color: transparent; background-repeat: no-repeat; }
            .figure{position:absolute;}
                #figure1 { width: 109px; height: 86px; background-position: -10px -510px; left: 787px; top: 416px;}
                #figure2 { width: 85px; height: 109px; background-position: -129px -438px; left: 161px; top: 253px;}
                #figure3 { width: 85px; height: 108px; background-position: -10px -10px; left: 676px; top: 214px;}
                #figure4 { width: 92px; height: 99px; background-position: -112px -233px; left: 396px; top: 393px;}
                #figure5 { width: 92px; height: 95px; background-position: -10px -128px; left: 922px; top: 420px;}
                #figure6 { width: 97px; height: 74px; background-position: -10px -342px; left: 294px; top: 402px;}
                #figure7 { width: 75px; height: 86px; background-position: -200px -10px; left: 86px; top: 411px;}
                #figure8 { width: 75px; height: 85px; background-position: -214px -202px; left: 447px; top: 252px;}
                #figure9 { width: 73px; height: 86px; background-position: -224px -625px; left: 2px; top: 300px;}
                #figure10 { width: 74px; height: 84px; background-position: -224px -531px; left: 582px; top: 299px;}
                    #figure1.mark { width: 109px; height: 86px; background-position: -10px -606px; }
                    #figure2.mark { width: 85px; height: 109px; background-position: -129px -557px; }
                    #figure3.mark { width: 85px; height: 108px; background-position: -105px -10px; }
                    #figure4.mark { width: 92px; height: 99px; background-position: -10px -233px; }
                    #figure5.mark { width: 92px; height: 95px; background-position: -112px -128px; }
                    #figure6.mark { width: 97px; height: 74px; background-position: -10px -426px; }
                    #figure7.mark { width: 75px; height: 86px; background-position: -117px -342px; }
                    #figure8.mark { width: 75px; height: 85px; background-position: -202px -342px; }
                    #figure9.mark{ width: 73px; height: 86px; background-position: -214px -106px; }
                    #figure10.mark { width: 74px; height: 84px; background-position: -224px -437px; }
@font-face { font-family: 'Roboto'; src: url(./fonts/Roboto-Regular.ttf); }