html,
body {
  background-color: #F9ECE4; }

html,
body,
p,
label,
input,
button {
  font-family: "Merriweather", serif;
  font-weight: 400;
  color: #162B3D; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Archivo Narrow", sans-serif;
  font-weight: 700;
  color: #162B3D; }

a {
  -webkit-transition: color ease 300ms;
  transition: color ease 300ms;
  color: #1A6DED; }
  a:hover, a:focus, a:active {
    color: #145CBF; }

.small {
  font-size: 12px; }
  .small a {
    color: #162B3D; }
    .small a:hover, .small a:focus, .small a:active {
      color: #162B3D; }

.mt--0 {
  margin-top: 0; }

.mb--0 {
  margin-bottom: 0; }

.mt--xs {
  margin-top: 10px; }

.mb--xs {
  margin-bottom: 10px; }

.mt--sm {
  margin-top: 35px; }

.mb--sm {
  margin-bottom: 35px; }

.mt--md {
  margin-top: 35px; }
  @media (min-width: 40em) {
    .mt--md {
      margin-top: 60px; } }

.mb--md {
  margin-bottom: 35px; }
  @media (min-width: 40em) {
    .mb--md {
      margin-bottom: 60px; } }

.mt--lg {
  margin-top: 35px; }
  @media (min-width: 40em) {
    .mt--lg {
      margin-top: 110px; } }

.mb--lg {
  margin-bottom: 35px; }
  @media (min-width: 40em) {
    .mb--lg {
      margin-bottom: 110px; } }

.mt--x-lg {
  margin-top: 35px; }
  @media (min-width: 40em) {
    .mt--x-lg {
      margin-top: 160px; } }

.mb--x-lg {
  margin-bottom: 35px; }
  @media (min-width: 40em) {
    .mb--x-lg {
      margin-bottom: 160px; } }

.form__card {
  padding: 40px 20px;
  border-radius: 8px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 10px 45px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 45px 0 rgba(0, 0, 0, 0.1); }
  @media (min-width: 40em) {
    .form__card {
      padding: 40px; } }

.form__label {
  position: relative; }

.form__input {
  font-size: 14px;
  line-height: 1;
  display: block;
  margin: 0;
  padding: 10px 10px 8px;
  border: 1px solid #D0D8DE;
  border-radius: 4px;
  -webkit-box-shadow: none;
  box-shadow: none; }
  .form__input:focus {
    border: 1px solid #85939D;
    -webkit-box-shadow: none;
    box-shadow: none; }

.form__button {
  font-size: 16px;
  line-height: 1;
  display: inline-block;
  margin: 35px 0 0;
  padding: 12px 16px;
  cursor: pointer;
  -webkit-transition: background-color ease 300ms;
  transition: background-color ease 300ms;
  color: #FFFFFF;
  border-radius: 4px;
  background-color: #1A6DED; }
  .form__button[disabled] {
    cursor: not-allowed;
    background-color: #162B3D; }
    .form__button[disabled]:hover, .form__button[disabled]:focus, .form__button[disabled]:active {
      background-color: #162B3D; }
  .form__button:hover, .form__button:focus, .form__button:active {
    color: #FFFFFF;
    background-color: #145CBF; }

.form__image {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 79px;
  height: 79px;
  margin-left: -94px;
  content: "";
  border: 4px solid #FFFFFF;
  border-radius: 50%;
  background-color: #FFFFFF;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15); }

/*# sourceMappingURL=main.css.map */