:root {
  
}

body {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 100vh;
  background-color: black;
  color: white;
}

.text-container {
  font-family: 'Roboto Flex', sans-serif;
  font-size: 100px;
  color: white;
}

.letter {
  display: block; /* Jeder Buchstabe in einer eigenen Zeile */
  color: white;
  animation: slideIn 2s infinite alternate; 
}


@keyframes slideIn {
  0% {
    transform: transform: rotate(deg); letter-spacing: -50px; scale: 1, line-height: 0px}
  100% {
    transform: transform: rotate(180deg);letter-spacing: 100px; scale: 0; line-height: -50px;}
}