::selection {
  color: #200955;
  background: #DEDAE5;
  /* WebKit/Blink Browsers */
}

::-moz-selection {
  color: #200955;
  background: #DEDAE5;
  /* Gecko Browsers */
}

/* Galaxy Fold */
html,
body {
  font-size: 0.60rem;
}

/* iPhone 5/SE */
@media screen and (min-width: 320px) {

  html,
  body {
    font-size: 0.7rem;
  }
}

/* iPhone 6/7/8 */
@media screen and (min-width: 375px) {

  html,
  body {
    font-size: 0.8rem;
  }
}


/* iPhone 6/7/8 Plus */
@media screen and (min-width: 414px) {

  html,
  body {
    font-size: 0.9rem;
  }
}

.shake-text {
  animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@keyframes shake {

  10%,
  90% {
    transform: translate3d(-1px, 0, 0);
  }

  20%,
  80% {
    transform: translate3d(2px, 0, 0);
  }

  30%,
  50%,
  70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%,
  60% {
    transform: translate3d(4px, 0, 0);
  }
}

ul.inline-bullets>li:not(:last-child)::after {
  padding: 0px 4px;
}

ul.inline-bullets li:not(:last-child)::after {
  content: "•";
  padding: 0px 4px;
}

.ellipsis {
  display: inline-block;
  text-align: left;
}

.ellipsis::after {
  content: '';
  animation: ellipsis steps(4, end) 1s infinite;
}

@keyframes ellipsis {
  0% {
    content: '.';
  }

  25% {
    content: '..';
  }

  50% {
    content: '...';
  }

  100% {
    content: '';
  }
}