anchor.diff:      body {
         /* Margin bottom by footer height */
         margin-bottom: 60px;
  +      overflow: hidden;
  +    }
  +
  +    #clouds{
  +    	padding: 100px 0;
  +    	background: #c9dbe9;
  +    	background: -webkit-linear-gradient(top, #c9dbe9 0%, #fff 100%);
  +    	background: -linear-gradient(top, #c9dbe9 0%, #fff 100%);
  +    	background: -moz-linear-gradient(top, #c9dbe9 0%, #fff 100%);
       }
   
       #footer {
  
positive.code:         <p class="text-muted">Breathe... <a href="http://github.com/arfon/haiku">arXiv Zen</a>, part of #sciencehackday.</p>
        </div>
      </div>
    </body>
  </html>
  
negative.code:       font-size: 50px;
        margin-bottom: 0px;
        padding: 40px 0px 0px 0px;
      }
  
      #clouds{
      	padding: 100px 0;
      	background: #c9dbe9;
      	background: -webkit-linear-gradient(top, #c9dbe9 0%, #fff 100%);
      	background: -linear-gradient(top, #c9dbe9 0%, #fff 100%);
      	background: -moz-linear-gradient(top, #c9dbe9 0%, #fff 100%);
      }
  
      /*Time to finalise the cloud shape*/
      .cloud {
      	width: 200px; height: 60px;
      	background: #fff;
  
      	border-radius: 200px;
      	-moz-border-radius: 200px;
      	-webkit-border-radius: 200px;
  
      	position: relative;
      }
  
      .cloud:before, .cloud:after {
      	content: '';
      	position: absolute;
      	background: #fff;
      	width: 100px; height: 80px;
      	position: absolute; top: -15px; left: 10px;
  
      	border-radius: 100px;
      	-moz-border-radius: 100px;
      	-webkit-border-radius: 100px;
  
      	-webkit-transform: rotate(30deg);
      	transform: rotate(30deg);
      	-moz-transform: rotate(30deg);
      }
  
      .cloud:after {
      	width: 120px; height: 120px;
      	top: -55px; left: auto; right: 15px;
      }
  
      /*Time to animate*/
      .x1 {
      	-webkit-animation: moveclouds 15s linear infinite;
      	-moz-animation: moveclouds 15s linear infinite;
      	-o-animation: moveclouds 15s linear infinite;
      }
  
      /*variable speed, opacity, and position of clouds for realistic effect*/
      .x2 {
      	left: 200px;
  
      	-webkit-transform: scale(0.6);
      	-moz-transform: scale(0.6);
      	transform: scale(0.6);
      	opacity: 0.6; /*opacity proportional to the size*/
  
      	/*Speed will also be proportional to the size and opacity*/
      	/*More the speed. Less the time in 's' = seconds*/
      	-webkit-animation: moveclouds 25s linear infinite;
      	-moz-animation: moveclouds 25s linear infinite;
      	-o-animation: moveclouds 25s linear infinite;
      }
  
      .x3 {
      	left: -250px; top: -200px;
  
      	-webkit-transform: scale(0.8);
      	-moz-transform: scale(0.8);
      	transform: scale(0.8);
      	opacity: 0.8; /*opacity proportional to the size*/
  
      	-webkit-animation: moveclouds 20s linear infinite;
      	-moz-animation: moveclouds 20s linear infinite;
      	-o-animation: moveclouds 20s linear infinite;
      }
  
      .x4 {
      	left: 470px; top: -250px;
  
      	-webkit-transform: scale(0.75);
      	-moz-transform: scale(0.75);
      	transform: scale(0.75);
      	opacity: 0.75; /*opacity proportional to the size*/
  
      	-webkit-animation: moveclouds 18s linear infinite;
      	-moz-animation: moveclouds 18s linear infinite;
      	-o-animation: moveclouds 18s linear infinite;
      }
  
      .x5 {
      	left: -150px; top: -150px;
  
      	-webkit-transform: scale(0.8);
      	-moz-transform: scale(0.8);
      	transform: scale(0.8);
      	opacity: 0.8; /*opacity proportional to the size*/
  
      	-webkit-animation: moveclouds 20s linear infinite;
      	-moz-animation: moveclouds 20s linear infinite;
      	-o-animation: moveclouds 20s linear infinite;
      }
  
      @-webkit-keyframes moveclouds {
      	0% {margin-left: 1000px;}
      	100% {margin-left: -1000px;}
      }
      @-moz-keyframes moveclouds {
      	0% {margin-left: 1000px;}
      	100% {margin-left: -1000px;}
      }
      @-o-keyframes moveclouds {
      	0% {margin-left: 1000px;}
      	100% {margin-left: -1000px;}
      }
  
      </style>
  