.rain-maker {
      display: block;
  font-size: 3em;
  padding: 0.5em 0.7em;
  background-color: gold;
  border: none;
  font-weight: bold;
  font-family: Helvetica;
  
  &:hover {
        background-color: darken(gold, 5%);
  }
  &:active {
        background-color: darken(gold, 10%);
  }
}

.rain {
      z-index: 100;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0.7;
}