CSS for sample HTML page.

style.css

    @import url(http://fonts.googleapis.com/css?family=Domine:400,700);
    @import url(http://fonts.googleapis.com/css?family=Shadows+Into+Light+Two);
    body{
      font-family: 'Domine', helvetica, arial, sans-serif;
      color: #353634;
      background-color: #eff2ea;
      -webkit-font-smoothing: antialiased;
    }

    header{
      background-color: #fff;
      padding: 20px;
      padding-bottom: 24px;
      -webkit-box-shadow: 0 2px 7px rgba(0,0,0,0.1), inset 0 2px 0 #fff, inset 0 -1px 1px rgba(0,0,0,0.03);
      border: 1px solid rgba(0,0,0,0.2);
      margin-bottom: 50px;
      background: -webkit-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(253,253,253,1) 100%); /* Chrome10+,Safari5.1+ */
      text-shadow: 0 2px 1px #fff;
    }

    h1{
      margin-bottom: 0;
      margin-top: 0;
    }

    h2{
      margin-bottom: 0;
      margin-top: 5px;
      color: #a8b2be;
      font-size: 16px;
      font-weight: normal;
    }

    h3{
      float: left;
      text-transform: uppercase;
      font-size: 12px;
      border-bottom: 2px solid #ced3c8;
      padding-bottom: 4px;
    }

    section{
      width: 70%;
      margin: 0 auto;
      margin-bottom: 50px;
    }

    p{
      line-height: 1.4em;
      clear: both;
    }

    ul{
      padding-left: 0;
      list-style-type: none;
    }

    li{
      margin-bottom: 5px;
      font-family: 'Shadows Into Light Two', cursive;
      color: #e43b29;
    }

    li:before{
      content: "\2022";
      color: #8e95a9;
      padding-right: 10px;
    }

    a{
      color: #4c5974;
      text-decoration: none;
      -webkit-transition: all 500ms ease-in-out;
    }

    a:hover{
      color: #e43b29;
    }

    section:last-child:after{
      content: "\273A";
      font-size: 50px;
      text-align: center;
      display: block;
      margin-top: 50px;
      animation: mymove 5s infinite;
      -webkit-animation: mymove 5s infinite; /* Safari and Chrome */
      animation-direction: alternate;
      -webkit-animation-direction: alternate;
    }

    @keyframes mymove
    {
      from {
        top:0px;
        opacity: 0;
        -webkit-transform: rotate(0deg);
      }
      to {
        top:200px;
        opacity: 1;
        -webkit-transform: rotate(360deg);
        color: #e43b29;
      }
    }

    @-webkit-keyframes mymove /* Safari and Chrome */
    {
      from {
        top:0px;
        opacity: 0;
        -webkit-transform: rotate(0deg);
      }
      to {
        top:200px;
        opacity: 1;
        -webkit-transform: rotate(360deg);
        color: #e43b29;

      }
    }