body {
  font-family: 'Poppins', sans-serif;
  background-color: #141414;
  margin: 50px;
  display: flex;
  flex-wrap: wrap;
  zoom: 125%;
}

.meter {
  margin-left: 30px;
  width: 100px;
  margin-bottom: 100px;
}
.glass {
  background: lightgray;
  border-radius: 100px 100px 0 0;
  display: block;
  height: 330px;
  margin: 10px 35px 10px;
  margin-top: 30px;
  padding: 5px;
  position: relative;
  width: 20px;
}
.glass::before {
  content: "";
  position: absolute;
  top: -10px;
  left: 0px;
  height: 25px;
  width: 30px;
  background: lightgray;
  border-radius: 100px 100px 0 0;
}
.amount {
  background: darkorange;
  border-radius: 100px 100px 0 0;
  display: block;
  width: 20px;
  position: absolute;
  bottom: -5px;
  transition-duration: .5s;
  transition-property: height;
  z-index: 10;
  padding-bottom: 10px;
}
.title span {
  display: block;
}
.title {
  text-align: center;
  width: fit-content;
  min-width: 3.5em;
  background: lightgray;
  padding: .7em 1.5em;
  margin: 0 -35px 20px;
  border-radius: 10px 10px 0 10px;
}
.total {
  font-size: 30px;
}

.bulb {
  background: lightgray;
  border-radius: 100px;
  display: block;
  height: 50px;
  margin: 0 35px 10px;
  padding: 5px;
  position: relative;
    top: -20px;
    right: 15px;
  width: 50px;
}
.red-circle {
  background: darkorange;
  border-radius: 100px;
  display: block;
  height: 50px;
  width: 50px;
}
.filler {
  background: darkorange;
  border-radius: 100px 100px 0 0;
  display: none;
  height: 30px;
  width: 20px;
  position: relative;
    top: -65px;
    right: -15px;
  z-index: 5;
}

.goals {
  color: white;
  margin-top: 105px;
  margin-left: -55px;
  display: flex;
  flex-direction: column;
  z-index: 10;
}
.goals span {
  display: flex;
  align-items: center;
  margin-bottom: .62em;
}
.goals span::before {
  content: "";
  height: .15em;
  width: 40px;
  margin-right: 10px;
  background-color: gray;
  display: block;
}

.rewards {
  color: darkorange;
  margin-left: -170px;
  margin-top: -15px;
  border: 2px solid gray;
  border-radius: 10px 0 10px 0;
  padding: 1em;
  height: fit-content;
  text-align: center;
}
.rewards span {
  display: block;
}

.googly {
  margin: 0 auto 3em;
  width: 100%;
  color: darkorange;
  font-size: .7em;
}

#form {
  margin-left: auto;
}
#donation-amount {
  font-size: 2em;
  width: 3em;
}
.button {
  font-size: 1em;
  margin: .5em;
  padding: .2em .5em;
  border-radius: 10px;
}

.github-link {
  color: gray;
  font-size: .8em;
  max-width: 200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: left;
  margin: 5em auto 0;
}
.github-link a {
  color: lightgray;
}
.github-link a:hover {
  color: darkorange;
}

#streamer-selector {
  color: white;
  border: none;
  width: fit-content;
  border-radius: 10px;
}
#streamer-selector label:not(:last-of-type) {
  margin-right: 2em;
}
#streamer-counts {
  color: lightgray;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 1px solid gray;
  border-radius: 10px;
  width: fit-content;
  margin: 3em auto;
  padding: 1em 3em;
}
#streamer-counts span {
  color: darkorange;
}