html, body {
  height: 100vh;
  overflow: hidden;
}

body {
  background: linear-gradient(to bottom, #89a, #777);
}

#sample {
  opacity: 0;
}

.pill {
  position: absolute;
}

.pill::before, .pill::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50px;
}

.pill::before {
  top: -50%;
  left: 0;
}

.pill::after {
  left: 0;
  top: 50%;
}

.rain {
  width: 10px;
  height: 10px;
}

.rain, .rain::before, .rain::after {
  background-color: #7a9dff;
}