:root {
  font-size: 500%;
  font-family: 'flame'; /* Dieser Name korrespondiert mit den Einstellungen in fonts.css */
}



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

} */

.container {
  display: flex;  
  grid-template-columns: repeat(14, 1fr);
  grid-template-rows: repeat(1, 1fr);
  margin-top: 200px;

  width: 100vw;
  height:100vh;

}


/*:hover {
font-weight:100;
  

} */


.burger { 



color: #D62300;
font-size: 98%;
/*font-weight: 800; */
animation: breathe 2s infinite alternate; 



}

.king {



color: #D62300;
font-size: 140%;
animation: breathe 2s infinite alternate;

} 


.bread  {



width: 17%;

animation: bounce 3s alternate infinite;

}

.bread2  {


width: 17%;



}

/*@keyframes bounce {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-30px);
  }
}


@keyframes breathe {
  0% {
    font-variation-settings: "wght" bold, "wdth" 100;
  }

  60% {
    font-variation-settings: "wght" 200, "wdth" 200;
  }

  100% {
    font-variation-settings: "wght" normal;
  }
}