html.wf-loading {
  visibility: hidden; }

body {
  background-color: #ebf0f2;
  color: #a9acb5;
  font-family: ui-rounded, "Hiragino Maru Gothic ProN", Quicksand, Comfortaa, Manjari, "Arial Rounded MT Bold", Calibri, source-sans-pro, sans-serif;
  font-size: 10px;
  margin: 0;
  padding: 0; }

article {
  background: white;
  border: 1px solid rgba(204, 217, 222, 0.9);
  border-left: none;
  border-right: none;
  font-size: 20px;
  line-height: 1.4;
  margin: 30px 0;
  padding: 1em; }

p {
  margin: 0 0 1em; }
  p:last-child {
    margin-bottom: 0; }

a {
  color: #24ade0;
  text-decoration: none;
  transition: color 0.3s ease; }
  a:hover {
    color: #146a8a; }

main {
  margin: 0 auto;
  max-width: 500px; }

section.cover {
  align-items: center;
  background: url("/images/cover.jpg") no-repeat;
  background-size: contain;
  box-sizing: border-box;
  border: 1px solid rgba(204, 217, 222, 0.9);
  display: flex;
  flex-direction: column;
  height: 150vw;
  max-height: 749px;
  max-width: 500px; }

div.byline {
  display: flex;
  flex: 2 1 65%;
  flex-direction: column;
  justify-content: flex-start;
  margin-top: 5%; }

h1,
h2 {
  margin-bottom: 0;
  text-align: center; }

h1 {
  color: #393d45;
  font-size: 20px; }

h2 {
  color: #4b4c55;
  font-size: 1.2em;
  font-weight: normal;
  margin-top: 6%; }

a.publisher {
  color: #a9acb5;
  font-size: 20px;
  margin-top: 18%;
  text-align: center; }

div.bottom {
  display: flex;
  flex: 1 1 35%;
  justify-content: center; }
  div.bottom a.publisher {
    color: #a9acb5; }

a.get {
  background: #fad917 linear-gradient(to bottom, #fad917 0%, #d9ba05 100%);
  border-radius: 5px;
  border: 1px solid rgba(167, 144, 4, 0.9);
  box-shadow: 0 2px 0 rgba(167, 144, 4, 0.3);
  color: #393d45;
  display: block;
  font-size: 1.2em;
  font-weight: bold;
  letter-spacing: 0.1em;
  margin: auto;
  padding: 1em 4em;
  text-transform: uppercase; }
  a.get:active {
    box-shadow: inset 0 0 5px #756503; }

@media screen and (min-width: 500px) {
  h1 {
    font-size: 30px; }
  h2 {
    font-size: 20px; }
  article {
    border: 1px solid rgba(204, 217, 222, 0.9);
    border-radius: 5px;
    font-size: 20px; } }

footer {
  font-size: 1.2em;
  padding: 30px;
  text-align: center; }