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

body {
  background-color: black; 

  display: grid;
  grid-template-columns: repeat(4, auto);
  grid-auto-rows: minmax(1px, auto);
  grid-row-gap: 5px; 
  
  justify-content: center;
  align-content: center;
  align-items: end;
}

.pola, .roid {
  display: inline-block;
  height: 0vh;
}

.letter{
  font-size: 450px;
  color: white;
  animation: YTLCfor 2s linear infinite alternate; 
}

.letterret{
  font-size: 450px;
  color: white;
  animation: YTLCret 2s linear infinite alternate; 
}

.animation{
  font-size: 450px;
  line-height: 0.1;
  color: white;
  animation: YTUCfor 2s linear infinite alternate; 
}

.animationret{
  font-size: 450px;
  line-height: 0.1;
  color: white;
  animation: YTUCret 2s linear infinite alternate; 
}

@keyframes YTUCfor {
  from {font-variation-settings: "YTUC" 100;}
  to {font-variation-settings: "YTUC" 650;}
}

@keyframes YTUCret {
  from {font-variation-settings: "YTUC" 650;}
  to {font-variation-settings: "YTUC" 100;}
}

@keyframes YTLCfor {
  from {font-variation-settings: "YTLC" 100;}
  to {font-variation-settings: "YTLC" 900;}
}

@keyframes YTLCret {
  from {font-variation-settings: "YTLC" 900;}
  to {font-variation-settings: "YTLC" 100;}
}