@charset "UTF-8";
nav {
  display: flex;
  flex-direction: row-reverse;
}
nav ul {
  list-style-type: none;
}
nav ul li {
  display: inline;
}
nav ul li:not(:first-child)::before {
  content: " ";
}

body {
  margin: 0 auto;
  max-width: 50em;
  line-height: 1.5;
  padding: 4em 1em;
  font-family: "Arial", sans-serif;
  color: #566b78;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  font-family: "Helvetica", san-serif;
}
body h1,
body h2,
body strong {
  color: #333;
}
body h2 {
  margin-top: 1em;
  padding-top: 1em;
}
body code,
body pre {
  background: #f5f7f9;
  border-bottom: 1px solid #d8dee9;
  color: #a7adba;
}
body code {
  padding: 2px 4px;
  vertical-align: text-bottom;
}
body pre {
  padding: 1em;
  border-left: 2px solid #69c;
}
body a {
  color: #e81c4f;
}
body .button {
  background: none !important;
  border: none;
  padding: 0 !important;
  font: inherit;
  color: #e81c4f;
  cursor: pointer;
  font-size: 16px;
}

form {
  display: flex;
  flex-direction: column;
  width: 50%;
}
form .submit-btn-ctr {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}