html{
    margin: 0px;
    padding: 0px;
}

body{
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    margin: 0px;
    background-color: black;
}

#top{
    text-align:center;
    color: white;
}

#logo{
   position: absolute;
   color:white;
   top: 10px;
   left: 100px;
   display: inline-block;
   padding: 5px;    
   margin-top: 5px;
} 

#logo-name{
font-size: 32px;
font-weight: bold;
text-align: center;
color: rgb(77, 186, 230);
margin: 20px;
}

#navigation a{
    color:rgb(77, 186, 230);
    padding: 5px;
}

#navigation a:hover{
    color: cadetblue;
}

#image img{
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
}


#main {
    max-width: 800px;
    margin: auto;
    padding: 5px;
    color: white;
}

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