body {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%);
  color: rgba(100, 255, 100, 0.7);
  font-family: Verdana, sans-serif;
  font-size: 20px;
}

.title {
    font-size: 20rem;
}

.text {
    position:absolute;
    bottom:20px;
}


.svg {
  display: none;
}

.water {
  position: absolute;
  transform: translate(-50%, -50%);
  background: linear-gradient(180deg, #ffffff, #ffffff, #0000ff);
  -webkit-background-clip: text;
          background-clip: text;
  text-fill-color: transparent;
  opacity: 0.8;
  cursor: pointer;
}
.water_1 {
  filter: url(#filter_1);
}
.water_2 {
  filter: url(#filter_2);
}
.water_3 {
  filter: url(#filter_3);
  opacity: 0.3;
}