:root {
  font-size: 600%;
  font-family: "Pouf"; /* Dieser Name korrespondiert mit den Einstellungen in fonts.css */
}


.container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(0, 1fr);
  column-gap: 3px;
  row-gap: 3px;
  width: 100vw;
  height: 1600px;
}

div:hover {


  color: #FF8732;

}

div {
  width: 100px;
  height: 100px;

  position: relative;
  animation: move;
  animation-duration: 10s;
  animation-iteration-count: 2;
  animation-timing-function: ease-in;
  animation-direction: alternate,infinite;
}

body {
  background-color: #f5ebdc;
}




@keyframes move {
  0%   {left: 0px; top: 0px; font-style: 500;}


  100%  {left: 700px; top: 0px; font-style: italic;}
}