@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');

body * {
  font-family: 'Roboto', sans-serif;
}

#start-marker {
  background-image: url(../images/start-marker.png);
  background-size: cover;
  height: 33px;
  width: 25px;
  cursor: pointer;
}
#end-marker {
  background-image: url(../images/end-marker.png);
  background-size: cover;
  height: 33px;
  width: 25px;
  cursor: pointer;
}

@media (min-width: 700px) {
  .mapboxgl-ctrl-top-right {
    top: 60%;
  }
}