:root {
  font-size: 600%;
  font-family: "Purplehaze"; /* 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: 600px;
}

div:hover {

  font-style:normal;
  color: #FF8732;

}


body {
  background-color: #151613;
}












@keyframes breathe {
  0% {
    font-variation-settings: "wtun" 100, "wtsp" 200;
  }

  60% {
    font-variation-settings: "wtun" 100, "wtsp" 300;
  }

  100% {
    font-variation-settings: "wtun" 100, "wtsp" 300;
  }
}