@font-face {
  font-family: Caveat-Bold;
  src: url(../font/caveat/Caveat-Bold.ttf); }
html, body {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to left top, #2d2db8, #75b9cc); }

html {
  display: table; }

body {
  display: table-cell;
  vertical-align: middle;
  font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
  word-wrap: break-word;
  padding-bottom: 5%; }

#content {
  color: #fff; }
  #content h1 {
    font-family: Caveat-Bold, sans-serif;
    font-size: 7em;
    margin-bottom: .5em; }
    @media screen and (max-width: 600px) {
      #content h1 {
        font-size: 5em; } }
  #content .lead {
    font-size: 2em; }
  #content .shell {
    display: inline-block;
    font-size: 1.5em;
    color: #ccc;
    background-color: #333;
    padding: .5em 1em;
    margin-bottom: 3em;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    border-radius: 0.5em; }
  #content .github-link {
    margin-bottom: 3em; }

.mt0 {
  margin-top: 0    !important; }

.mt5 {
  margin-top: 5px  !important; }

.mt10 {
  margin-top: 10px !important; }

.mt15 {
  margin-top: 15px !important; }

.mt20 {
  margin-top: 20px !important; }

.mt25 {
  margin-top: 25px !important; }

.mt30 {
  margin-top: 30px !important; }

.mb0 {
  margin-bottom: 0    !important; }

.mb5 {
  margin-bottom: 5px  !important; }

.mb10 {
  margin-bottom: 10px !important; }

.mb15 {
  margin-bottom: 15px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.mb25 {
  margin-bottom: 25px !important; }

.mb30 {
  margin-bottom: 30px !important; }

/*# sourceMappingURL=main.css.map */