body {
   
   
    min-height:100%;
    background: 
     linear-gradient(rgba(255,0,0,1) 0%, rgba(255,154,0,1) 10%, rgba(208,222,33,1) 20%, rgba(79,220,74,1) 30%, rgba(63,218,216,1) 40%, rgba(47,201,226,1) 50%, rgba(28,127,238,1) 60%, rgba(95,21,242,1) 70%, rgba(186,12,248,1) 80%, rgba(251,7,217,1) 90%, rgba(255,0,0,1) 100%) 
     0 0/100% 200%;
     animation: a 1s linear infinite;
     font-family: 'comic sans';
  }
  
  @keyframes a {
    to {background-position:0 -200%}
  }
   #alle{
    background-image: url(polishcow.gif);
    background-repeat: repeat;
    height: 100%;
  }
  
  
  
  h1 { font-style: italic; animation: nervig 0.5s linear infinite;}
  h1 { font-family: "Times New Roman", Garamond, serif; }
  h2 { font-family: "Times New Roman", Garamond, serif; }
  h3 { font-family: "Times New Roman", Garamond, serif; }
  h4 { font-family: "Times New Roman", Garamond, serif; }
  h5 { font-family: "Times New Roman", Garamond, serif; }
  h1 { color: #eeff00;}
  h2 { font-style: oblique; }
  h2 { color: #ff7b00;}
  h3 { color: #3a9e0b;}
  h4 { color: #463aeb;}
  h5 { color: #ff00dd;}
  
    
  .erste {color:aqua}
  #dritte {color:pink}
  body { cursor: help; }



  #bild {height: 5cm; width: 5cm; animation: orbit 2s linear infinite, nerviger 5s linear infinite;}
  

a:hover {
    animation: blinken 0.3s linear infinite; font-size: 72; font-weight: 1500; 
  }
  
  @keyframes textwelle {
    0% {
      transform: scale(1);
      opacity: 1;
    }  
    50% {
      transform: scale(2);
      opacity: 1;
    }
    100% {
      transform: scale(1);
      opacity: 1;	
    }
  }

  @keyframes orbit { 
    from { 
      transform: rotate(0) 
    } 
    to { 
      transform: rotate(360deg) 
    } 
  }

  @keyframes blinken {
    0% {
        opacity: 0;
     }
    50% {
        opacity: 1;
        color: #3a9e0b;
    }
    100% {
        opacity: 0;
    }
  }

  @keyframes nervig{
    from{
     font-size: 12;
    }
    to{
      font-size: 72;
    }
    
  }

  @keyframes nerviger{
    from{
      padding-left: 0%;
    }
    to{
      padding-left: 100%;
    }
  }




	@keyframes rainbow_animation {
    0%,100% {
        background-position: 0 0;
    }

    50% {
        background-position: 100% 0;
    }

  @media (prefers-color-scheme: dark) {
    /* dunkles Farbschema für die Nacht */
    body {
      color: white;
      background: black;
    }
  
    a {
      color: skyblue;
    }
  }
  
  @media (prefers-color-scheme: light) {
    /* helles Farbschema für den Tag */
  }