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

html, body {
  height: 100%;
  margin: 0;
  padding: 0; }

.box {
  width: 100%;
  height: 100%;
  background-color: #17263c;
  display: flex; }

.box input {
  background-color: white;
  width: 150px;
  margin-left: 35px;
  margin-top: 100px; }

.main-title {
  font-family: 'Overpass', Helvetica, Arial, 'Droid Sans', sans-serif;
  margin-left: 30px; }

.sidebar {
  width: 20%;
  color: white; }

.info-box {
  width: 200px;
  height: 80px;
  margin-left: 30px;
  border-radius: 5px;
  border: solid lightgrey 2px;
  padding-top: 10px;
  color: #a1abc6;
  font-family: 'Overpass', Helvetica, Arial, 'Droid Sans', sans-serif; }

.info-box:hover {
  border: solid lightblue 2px; }

.stats-1 {
  font-family: 'Overpass', Helvetica, Arial, 'Droid Sans', sans-serif;
  border: solid lightgrey 3px;
  border-radius: 5px;
  width: 200px;
  margin-left: 15px;
  margin-right: 15px;
  color: #a1abc6;
  font-size: 20px;
  margin-bottom: 15px;
  padding: 10px;
  margin-top: 50px; }

.stats-1:hover {
  border: solid lightblue 2px; }

.stats-2 {
  font-family: 'Overpass', Helvetica, Arial, 'Droid Sans', sans-serif;
  border: solid lightgrey 3px;
  border-radius: 5px;
  width: 200px;
  margin-left: 15px;
  margin-right: 15px;
  color: #a1abc6;
  font-size: 20px;
  padding: 10px;
  margin-bottom: 15px; }

.stats-2:hover {
  border: solid lightblue 2px; }

.stats-3 {
  font-family: 'Overpass', Helvetica, Arial, 'Droid Sans', sans-serif;
  border: solid lightgrey 3px;
  border-radius: 5px;
  width: 200px;
  margin-left: 15px;
  margin-right: 15px;
  color: #a1abc6;
  font-size: 20px;
  padding: 10px;
  margin-bottom: 15px; }

.stats-3:hover {
  border: solid lightblue 2px; }

.stats-4 {
  font-family: 'Overpass', Helvetica, Arial, 'Droid Sans', sans-serif;
  border: solid lightgrey 3px;
  border-radius: 5px;
  width: 200px;
  margin-left: 15px;
  margin-right: 15px;
  color: #a1abc6;
  font-size: 20px;
  padding: 10px;
  margin-bottom: 40px; }

.stats-4:hover {
  border: solid lightblue 2px; }

.how {
  font-family: 'Overpass', Helvetica, Arial, 'Droid Sans', sans-serif;
  color: #a1abc6;
  margin-left: 15px; }

p {
  font-size: 40px; }

img { 
  width: 40px;
  height: 40px;
  padding-left: 5px;
}


/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9zcmMvc3R5bGVzL2luZGV4LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7QUFDQTtBQUNBLGFBQWE7O0FBRWI7QUFDQTtBQUNBO0FBQ0EsYUFBYTs7QUFFYjtBQUNBO0FBQ0E7QUFDQTtBQUNBLGdCQUFnQjs7QUFFaEI7QUFDQTtBQUNBO0FBQ0E7QUFDQSxvQkFBb0I7O0FBRXBCO0FBQ0E7QUFDQSxvQkFBb0I7O0FBRXBCO0FBQ0E7QUFDQSxlQUFlOztBQUVmO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxzRUFBc0U7O0FBRXRFO0FBQ0EsOEJBQThCOztBQUU5QjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsbUJBQW1COztBQUVuQjtBQUNBLDhCQUE4Qjs7QUFFOUI7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxzQkFBc0I7O0FBRXRCO0FBQ0EsOEJBQThCOztBQUU5QjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLHNCQUFzQjs7QUFFdEI7QUFDQSw4QkFBOEI7O0FBRTlCO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0Esc0JBQXNCOztBQUV0QjtBQUNBLDhCQUE4Qjs7QUFFOUI7QUFDQTtBQUNBO0FBQ0Esb0JBQW9COztBQUVwQjtBQUNBLGtCQUFrQiIsImZpbGUiOiJtYWluLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIiNtYXAge1xuICBoZWlnaHQ6IDEwMCU7XG4gIHdpZHRoOiA4MCU7IH1cblxuaHRtbCwgYm9keSB7XG4gIGhlaWdodDogMTAwJTtcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwOyB9XG5cbi5ib3gge1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMTcyNjNjO1xuICBkaXNwbGF5OiBmbGV4OyB9XG5cbi5ib3ggaW5wdXQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgd2lkdGg6IDE1MHB4O1xuICBtYXJnaW4tbGVmdDogMzVweDtcbiAgbWFyZ2luLXRvcDogMTAwcHg7IH1cblxuLm1haW4tdGl0bGUge1xuICBmb250LWZhbWlseTogJ092ZXJwYXNzJywgSGVsdmV0aWNhLCBBcmlhbCwgJ0Ryb2lkIFNhbnMnLCBzYW5zLXNlcmlmO1xuICBtYXJnaW4tbGVmdDogMzBweDsgfVxuXG4uc2lkZWJhciB7XG4gIHdpZHRoOiAyMCU7XG4gIGNvbG9yOiB3aGl0ZTsgfVxuXG4uaW5mby1ib3gge1xuICB3aWR0aDogMjAwcHg7XG4gIGhlaWdodDogODBweDtcbiAgbWFyZ2luLWxlZnQ6IDMwcHg7XG4gIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgYm9yZGVyOiBzb2xpZCBsaWdodGdyZXkgMnB4O1xuICBwYWRkaW5nLXRvcDogMTBweDtcbiAgY29sb3I6ICNhMWFiYzY7XG4gIGZvbnQtZmFtaWx5OiAnT3ZlcnBhc3MnLCBIZWx2ZXRpY2EsIEFyaWFsLCAnRHJvaWQgU2FucycsIHNhbnMtc2VyaWY7IH1cblxuLmluZm8tYm94OmhvdmVyIHtcbiAgYm9yZGVyOiBzb2xpZCBsaWdodGJsdWUgMnB4OyB9XG5cbi5zdGF0cy0xIHtcbiAgZm9udC1mYW1pbHk6ICdPdmVycGFzcycsIEhlbHZldGljYSwgQXJpYWwsICdEcm9pZCBTYW5zJywgc2Fucy1zZXJpZjtcbiAgYm9yZGVyOiBzb2xpZCBsaWdodGdyZXkgM3B4O1xuICBib3JkZXItcmFkaXVzOiA1cHg7XG4gIHdpZHRoOiAyMDBweDtcbiAgbWFyZ2luLWxlZnQ6IDE1cHg7XG4gIG1hcmdpbi1yaWdodDogMTVweDtcbiAgY29sb3I6ICNhMWFiYzY7XG4gIGZvbnQtc2l6ZTogMjBweDtcbiAgbWFyZ2luLWJvdHRvbTogMTVweDtcbiAgcGFkZGluZzogMTBweDtcbiAgbWFyZ2luLXRvcDogNTBweDsgfVxuXG4uc3RhdHMtMTpob3ZlciB7XG4gIGJvcmRlcjogc29saWQgbGlnaHRibHVlIDJweDsgfVxuXG4uc3RhdHMtMiB7XG4gIGZvbnQtZmFtaWx5OiAnT3ZlcnBhc3MnLCBIZWx2ZXRpY2EsIEFyaWFsLCAnRHJvaWQgU2FucycsIHNhbnMtc2VyaWY7XG4gIGJvcmRlcjogc29saWQgbGlnaHRncmV5IDNweDtcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xuICB3aWR0aDogMjAwcHg7XG4gIG1hcmdpbi1sZWZ0OiAxNXB4O1xuICBtYXJnaW4tcmlnaHQ6IDE1cHg7XG4gIGNvbG9yOiAjYTFhYmM2O1xuICBmb250LXNpemU6IDIwcHg7XG4gIHBhZGRpbmc6IDEwcHg7XG4gIG1hcmdpbi1ib3R0b206IDE1cHg7IH1cblxuLnN0YXRzLTI6aG92ZXIge1xuICBib3JkZXI6IHNvbGlkIGxpZ2h0Ymx1ZSAycHg7IH1cblxuLnN0YXRzLTMge1xuICBmb250LWZhbWlseTogJ092ZXJwYXNzJywgSGVsdmV0aWNhLCBBcmlhbCwgJ0Ryb2lkIFNhbnMnLCBzYW5zLXNlcmlmO1xuICBib3JkZXI6IHNvbGlkIGxpZ2h0Z3JleSAzcHg7XG4gIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgd2lkdGg6IDIwMHB4O1xuICBtYXJnaW4tbGVmdDogMTVweDtcbiAgbWFyZ2luLXJpZ2h0OiAxNXB4O1xuICBjb2xvcjogI2ExYWJjNjtcbiAgZm9udC1zaXplOiAyMHB4O1xuICBwYWRkaW5nOiAxMHB4O1xuICBtYXJnaW4tYm90dG9tOiAxNXB4OyB9XG5cbi5zdGF0cy0zOmhvdmVyIHtcbiAgYm9yZGVyOiBzb2xpZCBsaWdodGJsdWUgMnB4OyB9XG5cbi5zdGF0cy00IHtcbiAgZm9udC1mYW1pbHk6ICdPdmVycGFzcycsIEhlbHZldGljYSwgQXJpYWwsICdEcm9pZCBTYW5zJywgc2Fucy1zZXJpZjtcbiAgYm9yZGVyOiBzb2xpZCBsaWdodGdyZXkgM3B4O1xuICBib3JkZXItcmFkaXVzOiA1cHg7XG4gIHdpZHRoOiAyMDBweDtcbiAgbWFyZ2luLWxlZnQ6IDE1cHg7XG4gIG1hcmdpbi1yaWdodDogMTVweDtcbiAgY29sb3I6ICNhMWFiYzY7XG4gIGZvbnQtc2l6ZTogMjBweDtcbiAgcGFkZGluZzogMTBweDtcbiAgbWFyZ2luLWJvdHRvbTogNDBweDsgfVxuXG4uc3RhdHMtNDpob3ZlciB7XG4gIGJvcmRlcjogc29saWQgbGlnaHRibHVlIDJweDsgfVxuXG4uaG93IHtcbiAgZm9udC1mYW1pbHk6ICdPdmVycGFzcycsIEhlbHZldGljYSwgQXJpYWwsICdEcm9pZCBTYW5zJywgc2Fucy1zZXJpZjtcbiAgY29sb3I6ICNhMWFiYzY7XG4gIG1hcmdpbi1sZWZ0OiAxNXB4OyB9XG5cbnAge1xuICBmb250LXNpemU6IDQwcHg7IH1cbiJdLCJzb3VyY2VSb290IjoiIn0=*/