zyadsherif

<div class="container">
  <div class="cap"></div>
  <div class="bob bob1"></div>
  <div class="arn arn1"></div>
  <div class="bob bob2"></div>
  <div class="arn arn2"></div>
  <div class="stick"></div>
  <div class="dot1 dot"></div>
  <div class="dot2 dot"></div>
  <div class="dot3 dot"></div>

zyadsherif

/* night to day in 4s */

/* only tested in Firefox 8 so far but should work in other 
*  browsers as well
*/

body {
	background: black;
	margin: 100px;
	transition: all 4s;