/* @import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap'); */

/* @import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@300&display=swap'); */

/*text-decoration: none;*/


@font-face {
    font-family: myFirstFont; /*The name you choose goes here*/
    src: url(fond.ttf);
  }

  

  
  

body{
    
    
    /* font-family: 'Press Start 2P', cursive; */
     /*   font-family: 'Chakra Petch', sans-serif;*/
     font-family: myFirstFont;
     background: url(Star.gif) no-repeat center center fixed;
     
    /*background: url(Star.gif) no-repeat center center fixed; */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    
    /* background-color: rgba(5, 5, 5, 0.601);*/
   /* background-blend-mode: darken;*/
}

#body a {

    
    margin: 0px;
    color: greenyellow
    
}










.navigation a {
        
    color: rgb(173, 255, 47);
    padding: 8px;
    
}

.navigation a:hover  {
    color: #4d84e9;
    
    
}
#top-image img {
    width: 100%;
    margin-top: 16px;
    margin-bottom: 16px;
    
}
#main {
    color: #4d84e9;
    max-width: 800px;
    margin: auto;
    padding: 16px;
    

}


#footer  {
    text-align: center;
    color: gray;
    padding-top: 10px;
    
}

#Impressum a {
        
    color: gray;
    
}
#Impressum a:hover {
        
    color: #4d84e9;
    

}
 .link a {      
        color: rgb(173, 255, 47);
        text-decoration: none;
text-decoration: none;
}    
.link a:hover {
        
    color: #4d84e9;
    text-decoration: none;
}