/*
========================================
BEGINNER STYLE SHEET
========================================

This file controls how your website LOOKS.

You can safely change:
- background color
- text color
- font
- text size
- page width

If you break something, undo your last change.
*/


/* ==============================
   WHOLE PAGE
   ============================== */

body {

  /* PAGE BACKGROUND COLOR */
  background: #f3efe4;

  /* NORMAL TEXT COLOR */
  color: #171714;

  /* MAIN FONT */
  font-family: Georgia, "Times New Roman", serif;

  /* HOW WIDE THE WRITING AREA IS */
  max-width: 760px;

  /* CENTERS THE PAGE */
  margin: 60px auto;

  /* SPACE ON LEFT AND RIGHT ON SMALL SCREENS */
  padding: 0 20px;

  /* SPACE BETWEEN LINES */
  line-height: 1.6;
}


/* ==============================
   BIG SITE TITLE
   ============================== */

h1 {
  font-size: 48px;
  font-weight: normal;
  margin-bottom: 10px;
}


/* ==============================
   LITTLE SENTENCE UNDER SITE TITLE
   ============================== */

.tagline {
  color: #666;
  margin-bottom: 50px;
}


/* ==============================
   EACH STORY ON THE HOMEPAGE
   ============================== */

.story {
  margin-bottom: 35px;
}


/* STORY TITLE */

.story h2 {
  font-size: 26px;
  font-weight: normal;
  margin-bottom: 5px;
}


/* DATE UNDER STORY TITLE */

.date {
  color: #777;
  font-size: 14px;
  margin-top: 0;
}


/* ==============================
   LINKS
   ============================== */

a {
  color: #171714;
}


/* When your mouse is over a link */

a:hover {
  text-decoration: none;
}


/* ==============================
   COPYRIGHT AT BOTTOM
   ============================== */

.copyright {
  margin-top: 80px;
  color: #777;
  font-size: 13px;
}