@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap");
html,
body {
  background-color: #0d3547;
  font-family: "Roboto", sans-serif;
}
.header {
}
.header img {
  width: 200px;
}
.intro {
}
.intro p {
  color: #fff;
  font-size: 1rem;
  line-height: 1.4rem;
}
#submit:hover {
  background-color: #0d3547;
  color: #fff;
}

.nav-pills .nav-link.active {
  background-color: #34c2e6;
  color: #fff;
}
.nav-pills .nav-link {
  background-color:  #0d3547;
  color: #fff;
}

#results {
  color: #fff;
}
#results span {
  font-size: 2rem;
}
#map_details span {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.6rem;
}

#results i {
  font-size: 6rem;
}
  #results a i { font-size: 1rem; }
  #results a,
  #results a:active,
  #results a:link,
  #results a:visited {
    color: #fff;
    text-decoration: none !important;
    font-size: 1rem;
  }  
  #results a:hover,
  #results a:focus {
    color: #34c2e6;
    text-decoration: none !important;
    font-size: 1.4rem;
  }
    #results a:hover i,
    #results a:focus i {
      font-size: 1.4rem;
    }

.tree,
#total_emission {
  padding-top: 2.4rem !important;
}

footer {
  font-size: .6rem;
  color: #fff;
}
  footer a,
  footer a:active,
  footer a:link,
  footer a:visited {
    color: #fff;
    text-decoration: none;
  }
  footer a:hover,
  footer a:focus {
    color: #34c2e6;
  }
  footer i {
    margin: 0 3px 0 3px;
  }