@import "./fonts.css";

* {
  box-sizing: border-box;
  /* margin: 0; */
  /* outline: 1px solid purple; */
}
input, button, textarea, select {
  font: inherit;
}

.map-page {
  display:flex;
  flex-direction: column;
  align-items: center;
  font-size: x-large;
  font-family: "Jost";

  padding-top: 10px;

}
html {
}

h1{
  margin-top:0;
  margin-bottom:10px;
}
.logo {
  width: 100px;
  margin-bottom: -18px;
}

.coin-count-display {
  /* border: 2px solid black; */
  background-color: lightgray;
  border-radius: 10px;
  padding: 4px 10px;
  padding-right: 5px;

  display:flex;
  align-items: center;
}
.coin-count-display > .ratcoin-count {
  border: 2px solid black;
  border-radius: 10px;
  padding: 5px 10px;
  margin-left: 10px;
  background-color: rgb(255, 255, 255);
}

.coin-count-display > .arrow {
  margin-left: 3px;
  font-size: 80%;
}



.map-title {
  margin: 0;
  margin-top: 20px;
}



.submit-sighting-link {
  color:black;
  text-decoration: underline;
  font-size: 80%;

}


#map{
    margin-top: 0px;
    /* border: 2px solid black; */
    width: 100%;
    max-width: 775px;
    height: 400px;

    background-image: url("./assets/dummy-map.jpg");
    background-position: center;
}