$family-sans-serif: BlinkMacSystemFont, -apple-system, sans-serif;
// TODO: only import necessary styles
@import "../node_modules/bulma/bulma.sass";

.login-box,
.register-box,
.mail-box,
.sms-box,
.sms-phone-field,
.error-box,
.areyousure-box,
.package-list,
.details-box {
  display: none;
}

#map {
  width: 100%;
  height: 400px;
}

.error-box-text {
  font-family: monospace;
}

// bulma pls, why do I have to do this?
@media screen and (max-width: $tablet - 1px) {
  .modal-card {
    margin-left: 0;
    margin-right: 0;
  }
}

.details-text tr td:first-child() {
  font-weight: bold;
}