/* Gooey Text Morphing — vanilla HTML/CSS/JS port of the React `GooeyText` component. */

.gooey-wrap {
  position: relative;
}

.gooey-stage {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.gooey-text {
  position: absolute;
  display: inline-block;
  user-select: none;
  text-align: center;
  white-space: nowrap;
  font-size: clamp(3rem, 12vw, 6rem);
  line-height: 1;
  opacity: 0%;
}