* {
  margin: 0;
  padding: 0;
  background-color: lightyellow;
}
html {
  height: 100%;
  width: 100%;
}
h1,
h2 {
  font-family: "Roboto", sans-serif;
  font-weight: 1000;
  text-align: center;
  padding-bottom: 20px;
  font-size: 250%;
}
.title {
  background: linear-gradient(to right, #45ce30, #fff222);
  padding: 20px;
}
.subtitle {
  padding: 20px;
  font-size: 150%;
}
div {
  padding: 20px;
}
.stats-container {
  text-align: center;
  float: right;
  display: inline-block;
}
.location-container {
  display: inline-block;
}
.data-container {
  border: 10px solid #019031;
  margin-right: 10%;
  margin-left: 10%;
}
h4 {
  font-size: 85%;
  color: blue;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  text-align: center;
  padding: 20px 20px 20px 5px;
}
.footer {
  font-family: "Roboto", sans-serif;
  bottom: 0;
  font-size: 75%;
  padding: 5px;
}