a:link            { color: #4e4e4e; font-size: 75%; line-height: 100%; font-family: 'rounded-3'; text-decoration: none }
a:visited         { color: #4e4e4e; font-size: 75%; line-height: 100%; font-family: 'rounded-3'; text-decoration: none }
a:active          { color: #4e4e4e; font-size: 75%; line-height: 100%; font-family: 'rounded-3'; text-decoration: none }
a:hover           { color: #ffb000; font-size: 75%; line-height: 100%; font-family: 'rounded-3'; text-decoration: none }

span.sample1      { color: #a9a9a9; font-size: 10px; line-height: 100%; font-family: 'rounded-3'; text-decoration: none }

#result {
  /* -- sample code -- */
  box-shadow:1px 1px 2px 0px rgba(0,0,0,0.2);

  /* -- vender prefix -- */
  -webkit-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.2);
}

@font-face {
  font-family: 'rounded-3';
  src: url(font/rounded-3.eot);
  src: local('rounded-3'), local('rounded-3'),
         url(font/rounded-3.ttf) format('truetype');
		 url(font/rounded-3.woff) ;
}