body {
    background-color: #222;
    margin: 5px;
    height: 85vh;
    overflow: hidden;
}
#container {
    width: 100%;
    padding: 0px;
    margin: 0px;
}

#map {
    width: 100%;
    height: 100%;
    background-color: grey;
    margin: 0px;
}
ul.top {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  background-color: #333;
  border-radius: 10px 10px 0px 0px;
}

ul.bottom {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  background-color: #333;
  border-radius: 0px 0px 10px 10px;
}

li {
  float: left;
}
li#center {
  float: none;
}
li#right {
  float: right;
}

li#right a {
  font-size: medium;
}

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: x-large;
  font-family: monospace;
}

/* Change the link color to #111 (black) on hover */
li a.hover:hover {
  background-color: #111;
}
#footer {
    background-color: #333;
    border-radius: 0px 0px 10px 10px;
    height: 40px;
    margin: 0px;
    padding-top: 5px;
}
#footer p {
    font-size: 13px;
    font-family: sans-serif;
    color: #FFF;
    text-align: center;
}
#footer a:-webkit-any-link{
    color: mediumaquamarine;
}