.anim-wrap {
  position: absolute;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10;
  pointer-events: none;
}

.anim-text {
  font-family: "Grandstander", cursive !important;
  font-size: 80px;
  font-weight: 900;
  white-space: nowrap;
  min-width: 1em;
  min-height: 1.2em;
  border-bottom: 1px solid transparent;
  caret-color: transparent;
}
.anim-text:empty, .anim-text:focus {
  border-bottom-color: transparent;
  outline: none;
}

@media (max-width: 1100px) {
  .anim-text {
    font-size: 55px;
  }
}
@media (max-width: 600px) {
  .anim-text {
    font-size: 30px;
  }
}
.char {
  position: relative;
  margin: 0 0.05em;
}

.char,
.letter-inner {
  display: inline-block;
}

.anim[data-effect=fade] > .letter {
  animation: fadeIn 1.5s backwards;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: scale(2);
  }
}
.anim[data-effect=slide] > .letter {
  animation: slide 1s backwards;
  transform-origin: bottom left;
}
@keyframes slide {
  0% {
    transform: translateX(90vw) skew(-17deg) scaleX(3);
    animation-timing-function: ease-in;
  }
  80% {
    transform: translateX(0) skew(-17deg) scaleX(3);
    animation-timing-function: ease-out;
  }
  88% {
    transform: translateX(0) skew(12deg) scaleX(0.8);
    animation-timing-function: ease-in-out;
  }
  95% {
    transform: translateX(0) skew(-5deg) scaleX(1);
    animation-timing-function: ease-in-out;
  }
  100% {
    transform: translateX(0) skew(0deg) scaleX(1);
    animation-timing-function: ease-in-out;
  }
}
@keyframes slideIn {
  from {
    transform: translateX(70vw);
  }
}
.anim[data-effect=roll] > .letter {
  animation: rollIn 1.1s cubic-bezier(0, 0, 0.6, 1) backwards;
}
@keyframes rollIn {
  from {
    transform: translateX(90vw) rotate(1200deg);
  }
}
.anim[data-effect=peel] > .letter {
  animation: peelIn 2s backwards ease-in-out;
}
.anim[data-effect=peel] > .letter > .letter-inner {
  animation: rotateY 1.3s 0.7s backwards ease-in;
}
@keyframes peelIn {
  from {
    transform: translate(-100vw, 0);
  }
}
@keyframes rotateY {
  from {
    transform: scale(3) rotateY(180deg);
  }
}
.anim[data-effect=swivel] > .letter:not(.space)::before {
  background: currentColor;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.2;
}
.anim[data-effect=swivel] {
  perspective: 100vmax;
  perspective-origin: top;
}
.anim[data-effect=swivel] > .letter {
  padding: 0 0.1em;
  animation: swivel 5s backwards;
  transform-origin: top;
}
@keyframes swivel {
  0% {
    transform: rotateX(-90deg);
  }
  10% {
    transform: rotateX(82deg);
  }
  20% {
    transform: rotateX(-74deg);
  }
  30% {
    transform: rotateX(66deg);
  }
  39% {
    transform: rotateX(-58deg);
  }
  48% {
    transform: rotateX(50deg);
  }
  56% {
    transform: rotateX(-42deg);
  }
  63% {
    transform: rotateX(35deg);
  }
  70% {
    transform: rotateX(-28deg);
  }
  77% {
    transform: rotateX(21deg);
  }
  83% {
    transform: rotateX(-15deg);
  }
  89% {
    transform: rotateX(9deg);
  }
  95% {
    transform: rotateX(-4deg);
  }
  100% {
    transform: none;
  }
}
.anim[data-effect=hop] > .letter {
  animation: slideIn 2s linear backwards;
}
.anim[data-effect=hop] > .letter > .letter-inner {
  animation: hop 0.1s 20 alternate;
}
@keyframes hop {
  to {
    transform: translateY(-0.6em);
  }
}
.anim[data-effect=wave] {
  animation: slideIn 3s linear backwards;
}
.anim[data-effect=wave] > .letter {
  animation: hop 0.15s 20 alternate;
}
.anim[data-effect=wave2] {
  animation: slideIn 3s linear backwards;
}
.anim[data-effect=wave2] > .letter {
  animation: inflate 0.5s 6 linear alternate;
}
@keyframes inflate {
  to {
    transform: scale(2);
  }
}
.anim[data-effect=converge] > .letter {
  animation: converge 2.5s forwards;
}
.anim[data-effect=converge] > .letter:nth-child(1n) {
  transform: translate(100vw, -86vh);
}
.anim[data-effect=converge] > .letter:nth-child(2n) {
  transform: translate(-100vw, -51vh);
}
.anim[data-effect=converge] > .letter:nth-child(3n) {
  transform: translate(84vw, -100vh);
}
.anim[data-effect=converge] > .letter:nth-child(4n) {
  transform: translate(-6vw, 100vh);
}
.anim[data-effect=converge] > .letter:nth-child(5n) {
  transform: translate(-82vw, -100vh);
}
.anim[data-effect=converge] > .letter:nth-child(6n) {
  transform: translate(100vw, -24vh);
}
.anim[data-effect=converge] > .letter:nth-child(7n) {
  transform: translate(-100vw, 12vh);
}
.anim[data-effect=converge] > .letter:nth-child(8n) {
  transform: translate(-61vw, -100vh);
}
.anim[data-effect=converge] > .letter:nth-child(9n) {
  transform: translate(-100vw, -69vh);
}
.anim[data-effect=converge] > .letter:nth-child(10n) {
  transform: translate(-66vw, -100vh);
}
.anim[data-effect=converge] > .letter:nth-child(11n) {
  transform: translate(5vw, 100vh);
}
.anim[data-effect=converge] > .letter:nth-child(12n) {
  transform: translate(100vw, -40vh);
}
.anim[data-effect=converge] > .letter:nth-child(13n) {
  transform: translate(-100vw, -36vh);
}
.anim[data-effect=converge] > .letter:nth-child(14n) {
  transform: translate(-71vw, 100vh);
}
.anim[data-effect=converge] > .letter:nth-child(15n) {
  transform: translate(-100vw, -66vh);
}
.anim[data-effect=converge] > .letter:nth-child(16n) {
  transform: translate(100vw, -53vh);
}
.anim[data-effect=converge] > .letter:nth-child(17n) {
  transform: translate(100vw, -68vh);
}
.anim[data-effect=converge] > .letter:nth-child(18n) {
  transform: translate(8vw, -100vh);
}
.anim[data-effect=converge] > .letter:nth-child(19n) {
  transform: translate(-68vw, -100vh);
}
.anim[data-effect=converge] > .letter:nth-child(20n) {
  transform: translate(18vw, 100vh);
}
.anim[data-effect=converge] > .letter:nth-child(21n) {
  transform: translate(100vw, 93vh);
}
.anim[data-effect=converge] > .letter:nth-child(22n) {
  transform: translate(-51vw, 100vh);
}
.anim[data-effect=converge] > .letter:nth-child(23n) {
  transform: translate(20vw, -100vh);
}
.anim[data-effect=converge] > .letter:nth-child(24n) {
  transform: translate(12vw, -100vh);
}
.anim[data-effect=converge] > .letter:nth-child(25n) {
  transform: translate(38vw, -100vh);
}
.anim[data-effect=converge] > .letter:nth-child(26n) {
  transform: translate(-100vw, -93vh);
}
.anim[data-effect=converge] > .letter:nth-child(27n) {
  transform: translate(100vw, 2vh);
}
.anim[data-effect=converge] > .letter:nth-child(28n) {
  transform: translate(-19vw, -100vh);
}
.anim[data-effect=converge] > .letter:nth-child(29n) {
  transform: translate(100vw, 71vh);
}
.anim[data-effect=converge] > .letter:nth-child(30n) {
  transform: translate(100vw, 56vh);
}
@keyframes converge {
  to {
    transform: translate(0, 0);
  }
}
.anim[data-effect=spiral] > .letter {
  animation: spiral 3s ease-in both;
}
@keyframes spiral {
  from {
    transform: rotate(720deg) translateY(-60vmax);
  }
}
.anim[data-effect=snow] > .letter {
  animation: snow 5s cubic-bezier(0.68, 0.21, 0.7, 1) both;
}
.anim[data-effect=snow] > .letter > .letter-inner {
  animation: sway 1s cubic-bezier(0.46, 0.03, 0.52, 0.96) 5 alternate;
}
@keyframes snow {
  from {
    transform: translateY(-60vh);
  }
}
@keyframes sway {
  from {
    transform: translate(2em, 0);
  }
  to {
    transform: none;
  }
}
.anim[data-effect=meteorite] > .char {
  margin: 0 0.15em;
  animation: 0.5s cubic-bezier(0.33, 0.08, 0.7, 0.32) forwards;
}
.anim[data-effect=meteorite] > .letter:nth-child(30n+1) {
  animation-name: meteorite;
  transform: translate(13.3218845333vw, -60vh);
}
.anim[data-effect=meteorite] > .letter:nth-child(30n+1) > .letter-inner {
  transform: translate(-0.0531134012em, 0.0437991479em) rotate(7.54304761deg);
}
@keyframes meteorite {
  to {
    transform: none;
  }
}
.anim[data-effect=meteorite] > .letter:nth-child(30n+2) {
  animation-name: meteorite;
  transform: translate(-23.9113123vw, -60vh);
}
.anim[data-effect=meteorite] > .letter:nth-child(30n+2) > .letter-inner {
  transform: translate(0.0954734085em, -0.1351470969em) rotate(0.4884658833deg);
}
@keyframes meteorite {
  to {
    transform: none;
  }
}
.anim[data-effect=meteorite] > .letter:nth-child(30n+3) {
  animation-name: meteorite;
  transform: translate(10.7276658783vw, -60vh);
}
.anim[data-effect=meteorite] > .letter:nth-child(30n+3) > .letter-inner {
  transform: translate(0.0948362765em, 0.004813931em) rotate(6.0515062516deg);
}
@keyframes meteorite {
  to {
    transform: none;
  }
}
.anim[data-effect=meteorite] > .letter:nth-child(30n+4) {
  animation-name: meteorite;
  transform: translate(-6.5940244139vw, -60vh);
}
.anim[data-effect=meteorite] > .letter:nth-child(30n+4) > .letter-inner {
  transform: translate(0.0654047494em, -0.0509844723em) rotate(-1.3212468394deg);
}
@keyframes meteorite {
  to {
    transform: none;
  }
}
.anim[data-effect=meteorite] > .letter:nth-child(30n+5) {
  animation-name: meteorite;
  transform: translate(-22.9913245549vw, -60vh);
}
.anim[data-effect=meteorite] > .letter:nth-child(30n+5) > .letter-inner {
  transform: translate(-0.0385771905em, -0.0414417509em) rotate(1.8191493066deg);
}
@keyframes meteorite {
  to {
    transform: none;
  }
}
.anim[data-effect=meteorite] > .letter:nth-child(30n+6) {
  animation-name: meteorite;
  transform: translate(11.3538326661vw, -60vh);
}
.anim[data-effect=meteorite] > .letter:nth-child(30n+6) > .letter-inner {
  transform: translate(0.0154828172em, 0.1445318325em) rotate(9.6126522455deg);
}
@keyframes meteorite {
  to {
    transform: none;
  }
}
.anim[data-effect=meteorite] > .letter:nth-child(30n+7) {
  animation-name: meteorite;
  transform: translate(-16.8735619789vw, -60vh);
}
.anim[data-effect=meteorite] > .letter:nth-child(30n+7) > .letter-inner {
  transform: translate(0.0723503538em, 0.0268720955em) rotate(8.5099712629deg);
}
@keyframes meteorite {
  to {
    transform: none;
  }
}
.anim[data-effect=meteorite] > .letter:nth-child(30n+8) {
  animation-name: meteorite;
  transform: translate(16.5285446347vw, -60vh);
}
.anim[data-effect=meteorite] > .letter:nth-child(30n+8) > .letter-inner {
  transform: translate(-0.0316621103em, -0.1238824876em) rotate(-3.1164858382deg);
}
@keyframes meteorite {
  to {
    transform: none;
  }
}
.anim[data-effect=meteorite] > .letter:nth-child(30n+9) {
  animation-name: meteorite;
  transform: translate(4.8813958373vw, -60vh);
}
.anim[data-effect=meteorite] > .letter:nth-child(30n+9) > .letter-inner {
  transform: translate(-0.0046082618em, 0.0733301062em) rotate(-3.6276278915deg);
}
@keyframes meteorite {
  to {
    transform: none;
  }
}
.anim[data-effect=meteorite] > .letter:nth-child(30n+10) {
  animation-name: meteorite;
  transform: translate(-11.5452155506vw, -60vh);
}
.anim[data-effect=meteorite] > .letter:nth-child(30n+10) > .letter-inner {
  transform: translate(0.0432611088em, 0.1162207335em) rotate(-8.0053584466deg);
}
@keyframes meteorite {
  to {
    transform: none;
  }
}
.anim[data-effect=meteorite] > .letter:nth-child(30n+11) {
  animation-name: meteorite;
  transform: translate(-18.5843943729vw, -60vh);
}
.anim[data-effect=meteorite] > .letter:nth-child(30n+11) > .letter-inner {
  transform: translate(0.0033607433em, 0.0201731969em) rotate(6.3275713243deg);
}
@keyframes meteorite {
  to {
    transform: none;
  }
}
.anim[data-effect=meteorite] > .letter:nth-child(30n+12) {
  animation-name: meteorite;
  transform: translate(-17.1491810298vw, -60vh);
}
.anim[data-effect=meteorite] > .letter:nth-child(30n+12) > .letter-inner {
  transform: translate(-0.086526427em, -0.1026669692em) rotate(-7.578487027deg);
}
@keyframes meteorite {
  to {
    transform: none;
  }
}
.anim[data-effect=meteorite] > .letter:nth-child(30n+13) {
  animation-name: meteorite;
  transform: translate(20.9373096899vw, -60vh);
}
.anim[data-effect=meteorite] > .letter:nth-child(30n+13) > .letter-inner {
  transform: translate(0.0026810417em, -0.0486535206em) rotate(-9.3805889509deg);
}
@keyframes meteorite {
  to {
    transform: none;
  }
}
.anim[data-effect=meteorite] > .letter:nth-child(30n+14) {
  animation-name: meteorite;
  transform: translate(1.9425895449vw, -60vh);
}
.anim[data-effect=meteorite] > .letter:nth-child(30n+14) > .letter-inner {
  transform: translate(-0.0910499127em, 0.1320050121em) rotate(-5.1609497692deg);
}
@keyframes meteorite {
  to {
    transform: none;
  }
}
.anim[data-effect=meteorite] > .letter:nth-child(30n+15) {
  animation-name: meteorite;
  transform: translate(2.7399120964vw, -60vh);
}
.anim[data-effect=meteorite] > .letter:nth-child(30n+15) > .letter-inner {
  transform: translate(0.0795285135em, 0.0121356757em) rotate(-9.9175728986deg);
}
@keyframes meteorite {
  to {
    transform: none;
  }
}
.anim[data-effect=meteorite] > .letter:nth-child(30n+16) {
  animation-name: meteorite;
  transform: translate(-21.2941460964vw, -60vh);
}
.anim[data-effect=meteorite] > .letter:nth-child(30n+16) > .letter-inner {
  transform: translate(0.0821320909em, 0.1293399369em) rotate(5.9097571378deg);
}
@keyframes meteorite {
  to {
    transform: none;
  }
}
.anim[data-effect=meteorite] > .letter:nth-child(30n+17) {
  animation-name: meteorite;
  transform: translate(22.5896395333vw, -60vh);
}
.anim[data-effect=meteorite] > .letter:nth-child(30n+17) > .letter-inner {
  transform: translate(0.088614251em, -0.1302157406em) rotate(-5.8232287599deg);
}
@keyframes meteorite {
  to {
    transform: none;
  }
}
.anim[data-effect=meteorite] > .letter:nth-child(30n+18) {
  animation-name: meteorite;
  transform: translate(-6.755851316vw, -60vh);
}
.anim[data-effect=meteorite] > .letter:nth-child(30n+18) > .letter-inner {
  transform: translate(-0.0052898543em, 0.1435727096em) rotate(-8.6742864246deg);
}
@keyframes meteorite {
  to {
    transform: none;
  }
}
.anim[data-effect=meteorite] > .letter:nth-child(30n+19) {
  animation-name: meteorite;
  transform: translate(-19.5313844243vw, -60vh);
}
.anim[data-effect=meteorite] > .letter:nth-child(30n+19) > .letter-inner {
  transform: translate(0.0450537707em, 0.0349200642em) rotate(-9.5497652735deg);
}
@keyframes meteorite {
  to {
    transform: none;
  }
}
.anim[data-effect=meteorite] > .letter:nth-child(30n+20) {
  animation-name: meteorite;
  transform: translate(8.0362377103vw, -60vh);
}
.anim[data-effect=meteorite] > .letter:nth-child(30n+20) > .letter-inner {
  transform: translate(-0.0463872392em, 0.1163752513em) rotate(5.5540546847deg);
}
@keyframes meteorite {
  to {
    transform: none;
  }
}
.anim[data-effect=meteorite] > .letter:nth-child(30n+21) {
  animation-name: meteorite;
  transform: translate(-23.0076266748vw, -60vh);
}
.anim[data-effect=meteorite] > .letter:nth-child(30n+21) > .letter-inner {
  transform: translate(-0.0112606599em, -0.0108643517em) rotate(9.2713831505deg);
}
@keyframes meteorite {
  to {
    transform: none;
  }
}
.anim[data-effect=meteorite] > .letter:nth-child(30n+22) {
  animation-name: meteorite;
  transform: translate(-9.9783131608vw, -60vh);
}
.anim[data-effect=meteorite] > .letter:nth-child(30n+22) > .letter-inner {
  transform: translate(-0.0117933945em, 0.0442149615em) rotate(-3.246506423deg);
}
@keyframes meteorite {
  to {
    transform: none;
  }
}
.anim[data-effect=meteorite] > .letter:nth-child(30n+23) {
  animation-name: meteorite;
  transform: translate(14.5668448817vw, -60vh);
}
.anim[data-effect=meteorite] > .letter:nth-child(30n+23) > .letter-inner {
  transform: translate(-0.0374969668em, 0.0726192672em) rotate(-9.5880915905deg);
}
@keyframes meteorite {
  to {
    transform: none;
  }
}
.anim[data-effect=meteorite] > .letter:nth-child(30n+24) {
  animation-name: meteorite;
  transform: translate(2.3331031912vw, -60vh);
}
.anim[data-effect=meteorite] > .letter:nth-child(30n+24) > .letter-inner {
  transform: translate(-0.0421901771em, 0.0292315289em) rotate(6.9595623772deg);
}
@keyframes meteorite {
  to {
    transform: none;
  }
}
.anim[data-effect=meteorite] > .letter:nth-child(30n+25) {
  animation-name: meteorite;
  transform: translate(5.079776833vw, -60vh);
}
.anim[data-effect=meteorite] > .letter:nth-child(30n+25) > .letter-inner {
  transform: translate(-0.0787126775em, 0.1025627223em) rotate(8.224532958deg);
}
@keyframes meteorite {
  to {
    transform: none;
  }
}
.anim[data-effect=meteorite] > .letter:nth-child(30n+26) {
  animation-name: meteorite;
  transform: translate(5.2139474311vw, -60vh);
}
.anim[data-effect=meteorite] > .letter:nth-child(30n+26) > .letter-inner {
  transform: translate(0.037431842em, -0.1479209773em) rotate(-4.439740395deg);
}
@keyframes meteorite {
  to {
    transform: none;
  }
}
.anim[data-effect=meteorite] > .letter:nth-child(30n+27) {
  animation-name: meteorite;
  transform: translate(4.5701058518vw, -60vh);
}
.anim[data-effect=meteorite] > .letter:nth-child(30n+27) > .letter-inner {
  transform: translate(0.0333776935em, 0.1114633257em) rotate(6.8825284926deg);
}
@keyframes meteorite {
  to {
    transform: none;
  }
}
.anim[data-effect=meteorite] > .letter:nth-child(30n+28) {
  animation-name: meteorite;
  transform: translate(21.8508921549vw, -60vh);
}
.anim[data-effect=meteorite] > .letter:nth-child(30n+28) > .letter-inner {
  transform: translate(0.0792850468em, 0.0895488261em) rotate(-4.3540182586deg);
}
@keyframes meteorite {
  to {
    transform: none;
  }
}
.anim[data-effect=meteorite] > .letter:nth-child(30n+29) {
  animation-name: meteorite;
  transform: translate(-14.5978736138vw, -60vh);
}
.anim[data-effect=meteorite] > .letter:nth-child(30n+29) > .letter-inner {
  transform: translate(-0.0204422078em, 0.1144136666em) rotate(-7.6115498422deg);
}
@keyframes meteorite {
  to {
    transform: none;
  }
}
.anim[data-effect=meteorite] > .letter:nth-child(30n+30) {
  animation-name: meteorite;
  transform: translate(-19.0670829139vw, -60vh);
}
.anim[data-effect=meteorite] > .letter:nth-child(30n+30) > .letter-inner {
  transform: translate(0.0028466617em, -0.1412658811em) rotate(5.8692868051deg);
}
@keyframes meteorite {
  to {
    transform: none;
  }
}
.anim[data-effect=bounce] > .letter {
  animation: bounce 2s ease-in both;
}
@keyframes bounce {
  0% {
    transform: translateY(-60vh);
    animation-timing-function: cubic-bezier(0.5, 0, 0.82, 0.52);
  }
  37% {
    transform: none;
    animation-timing-function: cubic-bezier(0.18, 0.48, 0.5, 1);
  }
  55% {
    transform: translateY(-25vh);
    animation-timing-function: cubic-bezier(0.5, 0, 0.82, 0.52);
  }
  73% {
    transform: none;
    animation-timing-function: cubic-bezier(0.18, 0.48, 0.5, 1);
  }
  81% {
    transform: translateY(-10vh);
    animation-timing-function: cubic-bezier(0.5, 0, 0.82, 0.52);
  }
  89% {
    transform: none;
    animation-timing-function: cubic-bezier(0.18, 0.48, 0.5, 1);
  }
  93% {
    transform: translateY(-4vh);
    animation-timing-function: cubic-bezier(0.5, 0, 0.82, 0.52);
  }
  97% {
    transform: none;
    animation-timing-function: cubic-bezier(0.18, 0.48, 0.5, 1);
  }
  98.5% {
    transform: translateY(-1.1vh);
    animation-timing-function: cubic-bezier(0.5, 0, 0.82, 0.52);
  }
  100% {
    transform: none;
    animation-timing-function: cubic-bezier(0.18, 0.48, 0.5, 1);
  }
}
.anim[data-effect=float] > .letter {
  animation: float 18s ease-in-out backwards;
}
.anim[data-effect=float] > .letter > .letter-inner {
  animation: float-perpetual ease-in-out 10s 18s infinite alternate;
}
@keyframes float {
  0% {
    transform: translateY(60vh);
  }
  33% {
    transform: translateY(-8vh);
  }
  51% {
    transform: translateY(6vh);
  }
  66% {
    transform: translateY(-4vh);
  }
  80% {
    transform: translateY(3vh);
  }
  91% {
    transform: translateY(-1.3vh);
  }
  100% {
    transform: none;
  }
}
@keyframes float-perpetual {
  0% {
    transform: translateY(0);
  }
  37% {
    transform: translateY(-1.5vh);
  }
  58% {
    transform: translateY(1.3vh);
  }
  81% {
    transform: translateY(-1vh);
  }
  100% {
    transform: translateY(0.8vh);
  }
}
.anim[data-effect=bubble] > .letter {
  position: relative;
  animation: bubble-letter 1.3s cubic-bezier(0, 0, 0.33, 1) both;
}
.anim[data-effect=bubble] > .letter::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 3px solid;
  border-radius: 999px;
  animation: bubble 2.6s cubic-bezier(0, 0.41, 0.28, 1) both;
  animation-delay: inherit;
}
.anim[data-effect=bubble] > .letter::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: currentColor;
  border-radius: 999px;
  animation: bubble 2.6s cubic-bezier(0, 0.41, 0.28, 1) both;
  animation-delay: inherit;
  opacity: 0.3;
}
@keyframes bubble-letter {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes bubble {
  from {
    width: 0;
    height: 0;
  }
  to {
    width: 10em;
    height: 10em;
    opacity: 0;
    visibility: hidden;
  }
}

/*# sourceMappingURL=funky.css.map */