/* Hier einige Einstellungen für die Navigations-Seite */





body {
    /* Betrifft ganzes Dokument, alle Texte */
    font-family: "Flame";
    font-style: bold;
    background-color: #f5ebdc;
  }
  
  /* Titel */
  header h1 {

  font-size: 100px;
  padding: 50px;
  margin-top: -20px;
  color: #d62300;
  font-family: Flame;


}


  
  /* Navigation, ganze Liste */
  ul {
    font-family: Jabin;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(10, 1fr);
    column-gap: 50px;
    row-gap: 50px;
    list-style: none; /*  Listenpunkte abschalten */
    padding: 50px; 
    margin-top: -100px;
    width: 80vw;
    align-items: center;

    
   
    
  }
  
  /* Navigation, einzelner Listenpunkt */
  ul li {
    
    font-size: 800%;
    animation: cheese 3s alternate infinite;
    animation-delay: var(--delay);
    
  }
  
  /* Links */
  li a {
    color:#FF8732;
    text-decoration: none;
    line-height: 50px;
    
    
  }
  
  /* Link unter dem Cursor*/
  li a:hover {
    color: #d62300;
    font-style: oblique;
  }


  h1:hover {
    color: #d62300;
    font-style: oblique;
  }




@keyframes cheese {
  0% {
    font-variation-settings: "wght" 40, "wdth" 0, "XXXX" 1;

  }

  100% {
    font-variation-settings: "wght" 120, "wdth" 0, "XXXX" 100;

  }
}