@font-face {
   font-family: 'Delicious-Roman';
      src: url('../fonts/Delicious-Roman/Delicious-Roman.eot');
      src: url('../fonts/Delicious-Roman/Delicious-Roman.eot?#iefix') format('embedded-opentype'),
           url('../fonts/Delicious-Roman/Delicious-Roman.woff') format('woff'),
           url('../fonts/Delicious-Roman/Delicious-Roman.ttf') format('truetype'),
           url('../fonts/Delicious-Roman/Delicious-Roman.svg#nilland') format('svg');
   font-weight: normal;
   font-style: normal;
}
html,body{
  background:#45C0EB;
  text-align:center;
  color:#333;
  font-family: 'Delicious-Roman';
  color:#FFF;
  font-size:117%;
}
body{
  background:none;
}
#main_wrapper{
  padding:2em;
}
a{
  color:#FFF;
  text-decoration:none;
}
#main_wrapper{
  
}
nav{
  display:block;
  margin-top:3%;
}
nav ul{
  margin:0;
  padding:0;
  margin-top:1.5em;
}
nav ul li{
  display:inline;
}
nav ul li a{
  
}
/*
 * Animation
*/
html {
    background: #45C0EB;
    -webkit-animation: myfirst 20s; /* Chrome, Safari, Opera */
    animation: myfirst 20s;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst {
    0%   {background: #45C0EB;}
    25%  {background: orange;}
    50%  {background: green;}
    85% {background: cyan;}
    100% {background: #45C0EB;}
}

/* Standard syntax */
@keyframes myfirst {
    0%   {background: #45C0EB;}
    25%  {background: orange;}
    50%  {background: green;}
    85% {background: cyan;}
    100% {background: #45C0EB;}
}