LibertysYarn

 body {
  background-color: #000;
	background-image: url(images/static.gif);
	font-family: 'Montserrat', sans-serif; text-transform: uppercase; letter-spacing: 0.3em;
	font-size: 62.5%;
}

body, html, div {
	height: 100%;
}

LibertysYarn

<link href='http://fonts.googleapis.com/css?family=Sansita+One' rel='stylesheet'>
<h1>☺ Retro Style ☺</h1>

LibertysYarn

/* Arbaoui Mehdi copyright 2013 */
/* Notice : Hover effect on social media icons */

body {
  background: url("http://www.depotwebdesigner.com/images/1/background.jpg");
  font: 15px/150% Georgia, "Times New Roman", Times, serif; }

/* =============================================== /*
/*                                                 /* 
/*     Animate CSS : http://daneden.me/animate     /*

LibertysYarn

@import url(http://fonts.googleapis.com/css?family=Allura);
@import url(http://weloveiconfonts.com/api/?family=entypo);

/* entypo */
[class*="entypo-"]:before {
  font-family: 'entypo', sans-serif;
}

body{
margin: 0;

LibertysYarn

 body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, input, textarea, blockquote {
  margin: 0; padding: 0; border: 0;
}

body {
	font-family: "Chunk", Sans-Serif; color: #fff;
	background: #566074 url(bg.png);
}

@font-face {

LibertysYarn

blockquote {
  position: relative;
	text-indent: 2em;
}
 
.bqstart,
.bqend { font-size: 300%; }
 
/* apply IE specific rules first */
.bqstart {

LibertysYarn

import url('http://fonts.googleapis.com/css?family=Lobster');

html, body, ul, li, a, p, div, h1{margin:0px; padding:0px;}
html{background: #77d5fb;}
body{background:none;
width: 100%; height: 100%;
margin: 0 0;
font-family:Arial,Verdana,Sans-Serif;
font-size:12px;
}

LibertysYarn

body {
background: #ccc;
}
#cloud {
width: 350px; height: 120px;
 
background: #f2f9fe;
background: linear-gradient(top, #f2f9fe 5%, #d6f0fd 100%);
background: -webkit-linear-gradient(top, #f2f9fe 5%, #d6f0fd 100%);
background: -moz-linear-gradient(top, #f2f9fe 5%, #d6f0fd 100%);

LibertysYarn

ul.box {
position: relative;
z-index: 1; /* prevent shadows falling behind containers with backgrounds */
overflow: hidden;
list-style: none;
margin: 0;
padding: 0; }


ul.box li {

LibertysYarn

/*Lets start with the cloud formation rather*/

/*The container will also serve as the SKY*/

*{ margin: 0; padding: 0;}

body {
  /*To hide the horizontal scroller appearing during the animation*/
	overflow: hidden;
}