/*** uncss> filename: css/normalize.css ***/

/*! normalize.css v3.0.0 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */

footer,
header,
section {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

/**
 * Address styling not present in Safari 5 and Chrome.
 */

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

/**
 * Address inconsistent and variable font size in all browsers.
 */

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */

/**
 * Correct overflow displayed oddly in IE 9.
 */

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

/**
 * Address differences between Firefox and other browsers.
 */

/**
 * Contain overflow in all browsers.
 */

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

/**
 * Address `overflow` set to `hidden` in IE 8/9/10.
 */

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8+, and Opera
 * Correct `select` style inheritance in Firefox.
 */

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

/**
 * Re-set default cursor for disabled elements.
 */

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

/**
 * Define consistent border, margin, and padding.
 */

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

/**
 * Remove default vertical scrollbar in IE 8/9.
 */

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

/*** uncss> filename: css/foundation.css ***/

html,
body {
  height: 100%;
}

*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body {
  font-size: 100%;
}

body {
  background: white;
  color: #222222;
  padding: 0;
  margin: 0;
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  position: relative;
  cursor: default;
}

a:hover {
  cursor: pointer;
}

@media only screen {
  .small-12 {
    width: 100%;
  }
}

/* Wrapped around .top-bar to contain to grid width */

/* Panels */

div.switch input:not(:checked) + label {
  opacity: 0;
}

@-webkit-keyframes webkitSiblingBugfix {
  from {
    position: relative;
  }

  to {
    position: relative;
  }
}

/* Image Thumbnails */

/* Pricing Tables */

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
  }
}

@-moz-keyframes rotate {
  from {
    -moz-transform: rotate(0deg);
  }

  to {
    -moz-transform: rotate(360deg);
  }
}

@-o-keyframes rotate {
  from {
    -o-transform: rotate(0deg);
  }

  to {
    -o-transform: rotate(360deg);
  }
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

/* Orbit Graceful Loading */

/* Pagination centred wrapper */

/* Typography resets */

h1,
p {
  margin: 0;
  padding: 0;
}

/* Default Link Styles */

a {
  color: #008cba;
  text-decoration: none;
  line-height: inherit;
}

a:hover,
a:focus {
  color: #0078a0;
}

/* Default paragraph styles */

p {
  font-family: inherit;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 1.25rem;
  text-rendering: optimizeLegibility;
}

/* Default header styles */

h1 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #222222;
  text-rendering: optimizeLegibility;
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  line-height: 1.4;
}

h1 {
  font-size: 2.125rem;
}

/* Helpful Typography Defaults */

/* Lists */

/* Unordered Lists */

/* Ordered Lists */

/* Definition Lists */

/* Abbreviations */

/* Blockquotes */

/* Microformats */

@media only screen and (min-width: 40.063em) {
  h1 {
    line-height: 1.4;
  }

  h1 {
    font-size: 2.75rem;
  }
}

/*
 * Print styles.
 *
 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
 * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
*/

@media print {
  * {
    background: transparent !important;
    color: black !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  a[href^="javascript:"]:after {
    content: "";
  }

@page {
    margin: 0.5cm;
}

  p {
    orphans: 3;
    widows: 3;
  }
}

/* Tooltips */

/* Clearing Styles */

/* Progress Bar */

/* Foundation Joyride */

/* Default styles for the container */

/* Add a little css triangle pip, older browser just miss out on the fanciness of it */

/* Typography */

/* Styles for screens that are at least 768px; */

/* Foundation Dropdowns */

/* Standard Forms */

/* Using forms within rows, we need to set some defaults */

/* Label Styles */

select::-ms-expand {
  display: none;
}

@-moz-document url-prefix()  {
  select {
    background: #fafafa;
  }

  select:hover {
    background: #f3f3f3;
  }
}

/* Attach elements to the beginning or end of an input */

/* Adjust padding, alignment and radius if pre/post element is a button */

/* Separate prefix and postfix styles when on span or label so buttons keep their own */

/* We use this to get basic styling on all basic form elements */

/* Respect enforced amount of rows for textarea */

/* Add height value for select elements to match text input height */

/* Adjust margin for form elements below */

/* Normalize file input width */

/* We add basic fieldset styling */

/* Error Handling */

/* small displays */

/* medium displays */

/* large displays */

/* xlarge displays */

/* xxlarge displays */

/* Orientation targeting */

/* Specific visibility for tables */

@media only screen and (orientation: landscape) {
  /* Specific visibility for tables */
}

@media only screen and (orientation: portrait) {
  /* Specific visibility for tables */
}

/* Touch-enabled device targeting */

/* Specific visibility for tables */

/*** uncss> filename: css/main.css ***/

html {
  border-top: 4px #ED1C2D solid;
}
body {
  max-width: 960px;
  margin: 0 auto;
  font-family: "Helvetica Neue";
}

#header {
  text-align: left;
}

h1 {
  font-size: 4.5em;
  font-family: Garamond;
  font-weight: 100;
}


h1 #about {
  font-size: 0.5em;
  padding: 10px;
  margin: -10px;
}

#back {
  text-decoration: none;
  padding: 10px;
  margin: -10px;
}

#aboutText {
  max-width: 550px;
  padding:0 10px;
  border-left: 5px solid #ED1C2D;
  text-align: justify;
}

#writingPrompt {
  font-size: 4.25em;
  color: lightgrey;
}

#main {
  padding: 0;
  margin-bottom: 55px;
}

#copyright {
  text-align: right;
  font-family: Garamond;
}

#copyright a {
  padding: 5px;
  color: black;
}

#copyright a:hover {
  background-color: #FFFF66;
}

footer {
  position:relative;
  bottom: 0;
}

.small-12 {
  width: 100%;
}

#wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -4em;
  padding: 20px;
}

footer, .push {
height: 4em;
}

@media screen and (max-width: 480px) {


  #writingPrompt {
    font-size: 2.5em;
  }

  #copyright {
    font-size: 0.7em;
    padding: 20px;
  }
}