style.css

		body {
			width:320px;
			background:#eee;
			margin:0;
			padding:0;
			font-family: Helvetica, Arial, sans-serif;
		}
		h2 {
			font-size:22px;
			font-weight:300;
			color:#aaa;
		}
		.whitebit {
			height:212px;
			background: url("spy.png") center bottom;
		}
		.bottombit {
			float:left;
			width:100%;
			height:250px;
			background: linear-gradient(180deg, #087195, #000);
			background: -webkit-linear-gradient(#000, #087195);


		}
		.explanation {
			background:#8fc2d6;
			margin:5px;
			padding:5px;	
			margin-bottom:20px;
		}
		#button {
			margin:0 auto;
			padding:10px;
			background:#333;
			width:190px;
			color:#fff;
			height:20px;
		     -moz-border-radius: 20px;
		    -webkit-border-radius: 20px;
		    -khtml-border-radius: 20px;
		    border-radius: 20px;
		    text-align:center;
		}
		#timer {
			width:70px;
			float:right;
			margin-right:10px;
		}
		.area {
			float:left;
			clear:both;
			padding:10px;
		}
		.box {
			width:100px;
			float:right;
			padding:0px;
			color:#fff;
			height:50px;
			margin:20px;
			background:#fff;
			border:3px solid #4889a3;
		}
		.box1 {
			background:#1E3F6E;
		}
		.box1 {
			background:#000;
		}
		.box2 {
			background:#1E5B6E;
		}
		.blue {
		  	color:#ffffff;
		}
		.blue {
		 	color:#003399;
		}