.TextScrambleContainer {
  height: 5rem;
  width: 50rem;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  overflow: hidden;}
@media (max-width: 640px) {.TextScrambleContainer{max-width: 88vw; height: 8.4rem}}

.TextScrambleText {
  font-family: "Voya Nui", monospace;
  line-height: 1.1;
  text-align: center;
  vertical-align: top;
  font-size: 2.24rem;
  color: #F5F5F5;}
@media (max-width: 640px) {.TextScrambleText{font-size: 2rem; max-width: 88vw; display: inline-block;}}
@media (max-width: 350px) {.TextScrambleText{font-size: 1.69rem;}}
  
.TextScrambleDud {
  font-family: "Kembang", monospace;
  line-height: 1.1;
  text-align: center;
  vertical-align: top;
  font-size: 2.24rem;
  color: #F5F5F5;}
@media (max-width: 640px) {.TextScrambleDud{font-size: 2rem; max-width: 88vw; display: inline-block;}}
@media (max-width: 350px) {.TextScrambleDud{font-size: 1.69rem;}}

.TextScrambleText span {
  transition: opacity 0.2s ease-out;}