* {
    margin:0;
    padding: 0;
}
body
{
    background-color: rgb(247, 211, 143) ;
    font-family: FreeMono, courier, monospace;
    
}

fieldset
{
    border: solid 1px black;
    border-radius: 4px;
    line-height: 3ex;
    padding: 5px;
    margin: 5px;
}

h1
{
    font-size: 40px;
    background-image:linear-gradient(180deg, blue, red);
    background-clip: unset;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke:0.5px rgb(0, 0, 0);
    text-align: center;
}

h2
{
    margin-bottom: 0.5em;
}

input[type="submit"]
{
    border: solid 1px black;
    border-radius: 3px;
}

input[type="text"]
{
    border: solid 1px black;
    border-radius: 3px;
}

.abstandkleinunten
{
    margin-bottom: 1em;
}

.abstandgrossunten
{
    margin-bottom: 2.0em;
}

.capitalize
{
    text-transform: capitalize;
}

.fett
{
    font-weight: 600;
}

.flex
{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 95vh;
    font-size: 6em;
    position: relative;
}

.countdownalle
{
    flex: 0 1 auto; 
    opacity: 0;
    animation-name: einaus;
    animation-duration: 2s;
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    padding-top: 70vh;

}

.countdown1
{
    animation-delay: 4s;    
    background-color: green;  
}

.countdown2
{
    animation-delay: 2s;
    background-color: yellow;
    
}

.countdown3
{
    animation-delay: 0s;
    background-color: red;
}

.countdown4
{
    flex: 0 1 auto; 
    font-size: 30%;
    opacity: 0;
    animation-name: ein;
    animation-duration: 10000s;
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    /*padding-top: 70vh;*/
    animation-delay: 6s;
    color: rgb(255, 255, 255);
    
}

@keyframes einaus {
    0% {
       
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
    100% {
       	
      opacity: 0;
    }
  }

  @keyframes ein {
    0% {
       
      opacity: 0;
    }
    
    0.01% {
       	
      opacity: 1;
    }

    100%{
        opacity: 1;
    }
  }

  .ausgabe
  {
        background-color: rgb(0, 0, 0) ;
          
  }

  .fehler
  {
      color: white;
  }

  .bisslepadding
  {
      padding: 3%;
  }