style.css

/* Aften Screen */
@font-face {
  font-family: 'Aften Screen';
  src: url("aften_screen.eot");
  src: url("aften_screen.eot?#iefix") format("embedded-opentype"), url("aften_screen.woff") format("woff"), url("aften_screen.ttf") format("truetype"), url("aften_screen.svg#aften_screenregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Aften Screen';
  src: url("aften_screen_italic.eot");
  src: url("aften_screen_italic.eot?#iefix") format("embedded-opentype"), url("aften_screen_italic.woff") format("woff"), url("aften_screen_italic.ttf") format("truetype"), url("aften_screen_italic.svg#aften_screenitalic") format("svg");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: 'Aften Screen';
  src: url("aften_screen_bold.eot");
  src: url("aften_screen_bold.eot?#iefix") format("embedded-opentype"), url("aften_screen_bold.woff") format("woff"), url("aften_screen_bold.ttf") format("truetype"), url("aften_screen_bold.svg#aften_screenbold") format("svg");
  font-weight: bold;
  font-style: normal; }

/* Aften Screen SC */
@font-face {
  font-family: 'Aften Screen SC';
  src: url("aften_screen_sc.eot");
  src: url("aften_screen_sc.eot?#iefix") format("embedded-opentype"), url("aften_screen_sc.woff") format("woff"), url("aften_screen_sc.ttf") format("truetype"), url("aften_screen_sc.svg#aften_screen_scregular") format("svg");
  font-weight: normal;
  font-style: normal; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html {
  margin: 0;
  padding: 0; }

body {
  margin: 0 auto;
  width: 700px;
  font-family: 'Aften Screen', sans-serif;
  font-size: 30px;
  background-color: #fcfcfc;
  color: #444; }

img {
  max-width: 100%; }

h1 {
  background: url(img/umbrella_twotone.svg) left top no-repeat;
  background-size: 200px 200px;
  font-weight: normal;
  font-style: italic;
  line-height: 1em;
  color: #a0c55f;
  font-size: 3em;
  padding-top: 230px;
  padding-bottom: 20px; }

h2 {
  color: #888;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.6em;
  letter-spacing: 0.4em;
  margin: 6em auto 3em; }

a {
  color: #a0c55f;
  text-decoration: none;
  display: inline-block;
  padding: 2px;
  background-color: transparent; }
  a:hover {
    background-color: #f4f9ed; }

.hidden {
  display: none; }

.copyright {
  color: #888;
  font-size: 0.6em;
  margin-top: 4em;
  padding-bottom: 2em; }