/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('/fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-github:before {
  content: "\f09b";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-bars:before {
  content: "\f0c9";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-hand-spock-o:before {
  content: "\f259";
}
.fa-user-o:before {
  content: "\f2c0";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-code:before {
  content: "\f121";
}
.fa-cog:before {
  content: "\f013";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-home:before {
  content: "\f015";
}
.fa-hand-pointer-o:before {
  content: "\f25a";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-link:before {
  content: "\f0c1";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-commenting-o:before {
  content: "\f27b";
}
.fa-comments:before {
  content: "\f086";
}
.list-unstyled {
  list-style: none;
  margin: 0;
  padding: 0;
}
img {
  max-width: 100%;
  height: auto;
}
p {
  margin: 1em 0 0;
  line-height: 1.4;
}
@-ms-viewport {
  width: device-width;
}
.no-space-around {
  margin: 0;
  padding: 0;
}
.superscript {
  position: relative;
  top: -0.5em;
  font-size: 80%;
  color: #CD5C5C;
}
.extras ul li {
  display: inline-block;
}
.extras ul li a {
  padding: 1em;
  text-decoration: none;
}
.extras ul li a:hover {
  text-decoration: underline;
}
html,
body {
  font-size: 1em;
  background-color: #cedbf2;
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  height: 100%;
  width: 100%;
}
.cogs {
  display: block;
  position: absolute;
  width: 300px;
  height: 300px;
  top: 30%;
  left: 50%;
  margin-left: -150px;
  background: rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 25px 0 25px 0;
  border-radius: 48px 0 48px 0;
  padding: 0;
  color: #fff;
}
h1 {
  font-family: 'Comfortaa', sans-serif;
  font-smoothing: antialiased;
  font-weight: 700;
  text-transform: lowercase;
  line-height: 40px;
  text-decoration: none;
  display: block;
  font-size: 123px;
  margin: 150px 0 0 0;
  color: #fff;
  letter-spacing: 2px;
}
.spin {
  display: inline-block;
  position: absolute;
  top: 60px;
  right: 45px;
  font-size: 56px;
  transform: rotate(-20deg);
  -webkit-animation: spin 9s infinite linear;
  -moz-animation: spin 9s infinite linear;
  -o-animation: spin 9s infinite linear;
  -ms-animation: spin 9s infinite linear;
}
.spin2 {
  display: inline-block;
  position: absolute;
  top: 30px;
  right: 35px;
  font-size: 40px;
  -webkit-animation: spin2 9s infinite linear;
  -moz-animation: spin2 9s infinite linear;
  -o-animation: spin2 9s infinite linear;
  -ms-animation: spin2 9s infinite linear;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(360deg);
  }
}
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin2 {
  0% {
    -webkit-transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}
@-moz-keyframes spin2 {
  0% {
    -moz-transform: rotate(360deg);
  }
  100% {
    -moz-transform: rotate(0deg);
  }
}
@-o-keyframes spin2 {
  0% {
    -o-transform: rotate(360deg);
  }
  100% {
    -o-transform: rotate(0deg);
  }
}
@-ms-keyframes spin2 {
  0% {
    -ms-transform: rotate(360deg);
  }
  100% {
    -ms-transform: rotate(0deg);
  }
}