<div class="bg"></div>
<div class="text">Please watch in Chrome</div>
<div class="container">
  <div class="hover-text">hover me</div>
	<div id="pyramid-small">	
		<div class="pyram-small one s1"></div>
		<div class="pyram-small two s2"></div>
		<div class="pyram-small three s3"></div>
		<div class="pyram-small four s4"></div>
	</div>
	<div id="pyramid-small-shadow">
		<div class="pyram-small shadow"></div>		
	</div>
	<div id="pyramid-big">
		<div class="pyram-big base"></div>
		<div class="pyram-big one s1"></div>
		<div class="pyram-big two s2"></div>
		<div class="pyram-big three s3"></div>
		<div class="pyram-big four s4"></div>
	</div>	
	<div class="circle">
		<span class="dot big one"></span>
		<span class="dot small two"></span>
		<span class="dot small three"></span>
		<span class="dot big four"></span>
		<span class="dot small five"></span>
		<span class="dot small six"></span>
		<span class="dot big seven"></span>
		<span class="dot small eight"></span>
		<span class="dot small nine"></span>
		<span class="dot big ten"></span>
		<span class="dot small eleven"></span>
		<span class="dot small twelve"></span>
	</div>		
</div>