body {
  margin: 0;
  display: block !important;
  font-family: Avenir, sans-serif;
  font-size: 16px;
}

.iti-flag {
  background-image: url("https://patw0929.github.io/react-intl-tel-input/img/flags.png") !important;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti-flag {
    background-image: url("https://patw0929.github.io/react-intl-tel-input/img/flags@2x.png") !important;
  }
}
.App {
  height: 100vh;
}
.App > div {
  height: inherit;
}
.App .error-message {
  position: fixed;
  background: #FEE4E2;
  padding: 12px 16px;
  border-radius: 4px;
  color: #912018;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 999;
  font-size: 14px;
}
.App .success-message {
  position: fixed;
  background: #D1FADF;
  padding: 12px 16px;
  border-radius: 4px;
  color: #05603A;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 999;
  font-size: 14px;
}


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