.modal-box {
  position: fixed;
  z-index: 100;
  background: #FFF;
  top: -200px;
  left: 0;
  right: 0;
  max-width: max-content;
  margin: 0 auto;
  transition: top 500ms ease;
  box-shadow: 0 0 4px 0 #146684;
  border-radius: 10px;
  scroll-behavior: auto;
}

.modal-box__title {
  text-align: center;
}

.modal-box__body {
  display: flex;
  grid-column-gap: 10px;
  text-align: center;
  padding: 15px 10px;
  font-family: Arial, sans-serif;
}

.show-modal {
  top: 80px;
}

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