body {
  height: 100vh;
  justify-content: center;
  display: flex;
  align-items: center;
  background-color: #252753;
  overflow: hidden;
}

h1 {
  text-align: center;
  color: white;
  font-family: avenir;
  /* font-size: 76px; */
}

@media (min-width: 768px) {
    /* h1 {
        font-size: 66px;
    } */
}

span:before {
  content: 'Puppies';
  color: #40B6AD;
  animation: switch 4s linear infinite;
}

@keyframes switch {
      0%     { content: 'Salam'; }                      /* Azerbaijani */
      5%     { content: 'Merhaba'; }                    /* Turkish */
      10%    { content: 'こんにちは'; }                  /* Japanese */
      15%    { content: 'Hola'; }                       /* Spanish */
      20%    { content: 'Bonjour'; }                    /* French */
      25%    { content: '你好'; }                       /* Chinese */
      30%    { content: 'Hallo'; }                      /* German */
      35%    { content: 'Ciao'; }                       /* Italian */
      40%    { content: '안녕하세요'; }                  /* Korean */
      45%    { content: 'Olá'; }                        /* Portuguese */
      50%    { content: 'Привет'; }                     /* Russian */
      55%    { content: 'سلام'; }                       /* Persian / Arabic */
      60%    { content: 'Hej'; }                        /* Swedish */
      65%    { content: 'Салам'; }                     /* Cyrillic "Salam" */
      70%    { content: 'हैलो'; }                      /* Hindi */
      75%    { content: 'Salom'; }                     /* Uzbek */
      80%    { content: '... . .-.. .- --'; }            /* Morse */
      85%    { content: 'שלום'; }                       /* Hebrew */
      90%    { content: 'Hello'; }                      /* English */
      95%    { content: 'გამარჯობა'; }                 /* Georgian */
      100%   { content: 'Salam'; }                      /* Loop */
}