:root {
  font-family: 'Bandeins', sans-serif;
}

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

.text-box {
  display: flex; 
  justify-content: center; 
  align-items: center; 
  background-color: black; 
  padding: 40px 40px; 
  border: 1px solid white;
  border-radius: 30px;
  width: auto;
}

.retro-text {
  font-size: 400px;
  color: white;
  line-height: 0.8;
  letter-spacing: 0px;
}

.let-o1 {
  animation: wdth 2s infinite alternate; 
}

.let-o2 {
  animation: wdth 2s infinite alternate; animation-delay: 1s;
}

.let-p {
  animation: wghtret 2s infinite alternate; 
}

.let-a {
  animation: wdth 2s infinite alternate; 
}

.let-r {
  animation: wdthret 2s infinite alternate; 
}

.let-l {
  animation: wghtret 2s infinite alternate; 
}

.let-i {
  animation: wdth 2s infinite alternate;
}

.let-d {
  animation: wdth 2s infinite alternate; 
}

@keyframes wdth{
  0% {
    font-variation-settings: 'wdth' 900; }

  100% {
  font-variation-settings: 'wdth' 100; }
}

@keyframes wdthret{
  0% {
    font-variation-settings: 'wdth' 100;}

  100% {
  font-variation-settings: 'wdth' 900; }
}