body {
  margin: 0;
  padding: 0;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1em;
  text-align: center; }

a,
a:link,
a:focus,
a:visited {
  color: #027ed7; }

header {
  margin: 0;
  padding: 30px;
  background: #fff; }
  header h1 {
    margin: 30px 0 15px 0;
    padding: 0;
    color: #ef433d;
    font-size: 2.5em;
    font-weight: 700;
    line-height: 1.1em; }

p {
  margin: 1em 0; }

main .text {
  margin: 0 auto;
  padding: 0 30px;
  max-width: 440px;
  color: #111;
  font-size: 1.3em;
  line-height: 1.65em; }

main .code {
  display: inline;
  padding: 0 4px;
  background: #eaeaea;
  font-family: monospace;
  border-radius: 3px;
  overflow: hidden; }

footer {
  padding: 50px 0 0 0; }
  footer .footer-logo {
    margin: 6px auto;
    width: 148px;
    height: 35px;
    background-image: url("img/logo.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100%; }
  footer .copyright {
    color: #a9a9a9;
    font-size: 0.75em;
    line-height: 1.6em;
    letter-spacing: 0.06em; }