*{ 
    margin: 0;
    padding: 0;
    text-align: center;
    }

h2{
    font-family: "Comic Neue", cursive;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    margin-top:6px;
    text-align: center;
    }

#logo{
        <img src="nerds.jpg" alt="Logo Bild">
    }

#logo-name {
    color: rgb(226, 237, 11);
    font-size: 50px;
    font-weight: bold;
    margin: 16px;
    }

#navigation a { 
    
   color: gray;
   padding: 8px;
     }

#navigation a:hover {
   color:  rgb(209, 12, 12);
     }
#image img {
    width: 50%;
    margin-top: 16px;
    margin-bottom: 16px;
    text-align: center;
    }

#main {
     
    margin: auto;
    font-family: "Caveat", cursive;
    font-optical-sizing: auto;
    }
    
#footer {
    color: white;
    background-color: blue;
    text-align: center;
    
  }