<container fillParent="1" visible="0">
  <state name="tutorial" visible="1"/>
  <state name="default" visible="0"/>
  

  <container w="640" h="670" parentAlign="center" y="-1080" visible="0">
    <state name="tutorial" visible="1" y="192" easing="back_inout"/>
    <state name="default" visible="0" y="-1080" easing="back_inout"/>
    
    
    <!--image9 fillParent="1" filename="data/gui/highlight_button.png" corner="50" color="ffffff22"/-->
   <image9 x="20" w="600" h="440"  filename="data/gui/composit1.png" corner="20"/>

		
<image x='80' y='80' w="100" h="100" filename="data/themes/flat/gfx/pieces/0512.png" />
<image x='80' y='80' w="100" h="100" filename="data/gfx/ice.png" />

<image x='180' y='80' w="100" h="100" filename="data/themes/flat/gfx/pieces/0002.png" />
<image x='280' y='80' w="100" h="100" filename="data/themes/flat/gfx/pieces/0002.png" />

<!--     <container parentAlign="center" y="200" w="330" h="200">
      <image9 x='0' y='0' w="330" h="130" filename="data/gui/composit1.png" corner="20"/>
      <text x="20" y="20" font="clearsans_medium.ttf" font_size="50" text="0 / 1000" align="left"  />
      <text x="20" y="60" font="clearsans_medium.ttf" font_size="50" text="score" align="left" />
    </container> -->

    <text x="85" y="250" w="300" h="200"  font="clearsans_medium.ttf" font_size="42"  text="To break the ice, make a combination near it." />
		
  	<button x="525" y="15" w="80" h="80"  on_click="popState()">
  			<container name="default" w="80" h="80" >
  				<image9 fillParent="1" filename="data/gui/composit1.png" corner="20"/>  
  				<text font="clearsans_medium.ttf" font_size="75" centerParent="1" text="X"/>
  			</container>
			
  			<container name="active" w="80" h="80" >
  				<image9 x='-20' y='-20' w="120" h="120" filename="data/gui/highlight_button.png" corner="50"/>
  				<image9 fillParent="1" filename="data/gui/composit1.png" corner="20"/>  
  				<text font="clearsans_medium.ttf" font_size="75" centerParent="1" text="X"/>
  			</container>
			
  			<container name="pressed"  w="80" h="80" x="5" y="5" >
  				<image9 x='-20' y='-20' w="120" h="120" filename="data/gui/highlight_button.png" corner="50"/>
  				<image9 fillParent="1" filename="data/gui/composit1.png" corner="20"/>  
  				<text font="clearsans_medium.ttf" font_size="75" centerParent="1" text="X"/>
  			</container>
  	</button> 

<!--     <container w="200" h="70" parentAlign="center" parentVAlign="bottom" >
      <text x="175" y="0" font="clearsans_medium.ttf" font_size="50" text="continue" align="center"  />
      <image x='10' y='3' w="50" h="50" filename="data/gui/m_icon.png" />
      
    </container>	 -->
    
      
  </container>
	
	
	<container w="640" h="740" parentAlign="center" y="1580" visible="0">
    
		<state name="tutorial" visible="1" y="330" easing="back_inout"/>
    <state name="default" visible="0" y="1580" easing="back_inout"/>

		<image  x="260" y="0"  w="554" h="1000"  filename="data/gfx/characters/03_fat.png" />

  </container>
  
</container>