/*
  Libraries & Configuration
*/

@import "bourbon";
@import "variables";
@import "neat";
@import "neat-helpers";

/*
  Layout
*/

@import "layout/body";
@import "layout/typography";

/*
  Error Page
*/

html,
body {
  height: 100%;
}

html {
  @include linear-gradient($dark-blue, $deep-blue);
}

body {
  color: white;
  background: transparent;
}

#error {
  display: table;
  height: 100%;
  margin: 0 auto;
  max-width: 60%;
  width: 90%;
  text-align: center;
  text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.75);

  #code h1 {
    font-size: 48px;
    margin: 1em 0;
  }

  .message {
    padding-top: 50px;
    display: table-cell;
    vertical-align: middle;
    padding-bottom: 100px;
  }
}