body{
    margin: 0;
}





h1{
    display: inline-block;
    font-size: 60px;
    font-family: MONOSPACE;
    color: dimgray;
    margin: 10px 0 0 40px;
    text-shadow: 10px 10px 20px black;
    text-shadow: 0px 0px 20px white;
}   

h2{
    
    font-size:17px;
    font-family: monospace, serif;
    margin: 10px 0 0 40px;
    color: black;
    text-shadow: 0 0 20px white;
    
}
header{
    text-align: center;
    position: relative;
    
    
     
}


article{
   box-shadow: 0 6px 20px;
   width: 1100px;
   margin: auto;
   background-image: url(../Lieblingsgerichte/Bilder/tischdecke.svg);
   
   
}



h3{
    font-family:impact;
    font-size: 17px;
}


strong{
    font-family: Monospace;
}
div{
   font-size: 20px; 
   text-shadow: 0 0 20px white;
   text-align: left;
}


h4{
   font-family:impact;  
}


ul{
  font-family:impact;
   color:black;
  text-shadow: 0 0 20px white;
    text-align: left;
   
    }

.zettel{
    background-color: white;
    width: 60%;
    color:gray;
    margin: 60px 20px 0 0;
    padding: 20px 60px 50px  110px;
    box-shadow: 0 0 5px;
    font-size: 20px;
    font-family: 'Gloria Hallelujah', cursive;
    background-image: url(../Lieblingsgerichte/Bilder/querstreifen.svg),
        url(../Lieblingsgerichte/Bilder/laengsstreifen.svg);
    background-repeat: repeat, repeat-y;
    transform: rotate(5deg);
    z-index: 5;

}


.teller{
    position: absolute;
    left: 80%;
    top:90px;
    border-radius: 100px;
    width: 40%;
}  


.kochmuetze{
   width: 300px; 
   position: absolute;
   transform: rotate(-25deg);
   z-index: 10;
   left: -110px;
}



ul{
    list-style-image: url(../Lieblingsgerichte/Bilder/gabel.svg);
}



small{
    font-family: monospace;
}


lo{
    font-family:Marker Felt;
    color:red;
    font-size: 15px;
}

lu{
    font-family:Marker Felt, cursive;
    color:orange;
    font-size: 15px;
}