html {
  box-sizing: border-box;
  padding: 0;
  margin: 0; }

*,
*::before,
*::after {
  box-sizing: inherit; }

html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: Barlow, sans-serif;
  font-size: 18px;
  line-height: 1.3rem;
  background-color: #1B1437;
  color: white; }

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

#map .loading {
  width: 50vw;
  position: absolute;
  top: 50vh;
  left: 50vw;
  transform: translate(-50%, -50%);
  text-align: center; }

.modal {
  color: #1B1437; }
  .modal .header {
    background-image: url("../img/meteor-only.png") !important;
    background-repeat: no-repeat !important;
    background-position: top right -40px !important;
    background-size: auto 100% !important; }
  .modal .warning {
    border: 2px solid #F95DE3; }
  .modal .info {
    border: 2px solid #40D4CD; }
  .modal .info a {
    margin-right: 10px; }
  .modal div.info + div.warning {
    margin-top: 10px; }
  .modal .warning,
  .modal .info {
    border-radius: 10px; }
    .modal .warning p,
    .modal .info p {
      margin: 5px 10px 5px 10px; }

#username-modal .content {
  min-height: 210px; }

.meeteora_starter {
  font-family: serif;
  color: red; }

#debug_output_box {
  border: 1px solid red;
  padding: 5px;
  font-family: monospace;
  color: black;
  font-size: 0.7em;
  background: white;
  position: absolute;
  display: none;
  bottom: 0;
  right: 0;
  height: 30vh;
  width: 70vw;
  z-index: 1000;
  overflow: scroll; }
  #debug_output_box p {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid grey; }
  #debug_output_box button {
    position: fixed;
    bottom: 20vh;
    right: 10px; }

#meeteora-menu {
  position: absolute;
  top: 10px;
  left: 10px; }

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