* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

html,
body {
  font-family: "Untitled Sans", sans-serif;
  color: #1f1f1f;
  margin: 0;
  min-height: 100%;
  padding: 0;
  width: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

main {
  min-height: 100vh; }

fieldset {
  border: 0; }

body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: #6f7c82;
  text-rendering: optimizeLegibility; }

h1,
h2,
h3,
h4,
h5,
h6 {
  -webkit-font-feature-settings: 'liga', 'dlig';
          font-feature-settings: 'liga', 'dlig';
  font-weight: 200;
  margin-bottom: .7em;
  margin-top: 0; }

h1 {
  font-size: 1.9em; }

h2 {
  font-size: 1.7em; }

.wordy {
  display: inline-block;
  border-bottom: 1px white dashed; }
  .wordy:hover {
    cursor: pointer; }

a {
  background: 0 0;
  color: inherit;
  text-decoration: none; }
  a:hover {
    cursor: pointer; }

p {
  font-family: "Untitled Sans", sans-serif;
  font-size: 13pt;
  line-height: 1.6em;
  padding: 0;
  margin: 0 0 1.3em; }

ul,
ol {
  margin-bottom: 15px;
  padding-left: 20px; }

ul {
  list-style-type: circle; }

@-webkit-keyframes opacityIn {
  0% {
    opactity: 0; }
  100% {
    opactity: 1; } }

@keyframes opacityIn {
  0% {
    opactity: 0; }
  100% {
    opactity: 1; } }

html,
body {
  background: #ed5565;
  color: #fff; }

h1 {
  font-size: 2.8em;
  font-weight: 700;
  letter-spacing: -1px;
  margin: 0.6rem 0; }
  h1 > span {
    font-weight: 300; }

h2 {
  font-size: 1.15em;
  font-weight: 300;
  margin: 0.3rem 0; }

main {
  width: 95%;
  max-width: 1000px;
  margin: 4em auto;
  -webkit-animation: opacityIn 1s ease-in;
          animation: opacityIn 1s ease-in; }
  main header {
    width: 100%; }
    main header > div {
      width: 50%; }
    main header > .left,
    main header > .right {
      height: 100%; }
  main .loaders {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    main .loaders .loader {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 0;
          -ms-flex: 0 1 auto;
              flex: 0 1 auto;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      -ms-flex-preferred-size: 25%;
          flex-basis: 25%;
      max-width: 25%;
      height: 200px;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }

/**
 * Util classes
 */
.left {
  float: left; }

.right {
  float: right; }

.cf, main header {
  content: "";
  display: table;
  clear: both; }

/**
 * Buttons
 */
.btn {
  color: #fff;
  padding: .75rem 1.25rem;
  border: 2px solid #fff;
  border-radius: 4px;
  text-decoration: none;
  -webkit-transition: border .1s ease-out, background-color .15s ease-out, color .1s ease-out, -webkit-transform .1s ease-out;
  transition: border .1s ease-out, background-color .15s ease-out, color .1s ease-out, -webkit-transform .1s ease-out;
  transition: transform .1s ease-out, border .1s ease-out, background-color .15s ease-out, color .1s ease-out;
  transition: transform .1s ease-out, border .1s ease-out, background-color .15s ease-out, color .1s ease-out, -webkit-transform .1s ease-out;
  margin: 2rem 0; }
  .btn:hover {
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
    background-color: #fff;
    color: #ed5565; }
