style 
body{ font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
margin: 0px;

}

#top {text-align: center;


}

#logo{
color: yellow;
background-color: brown;
display: inline-block;
font-size: 60px;
font-weight: bold;
padding: 8px;
margin: 16px;
font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;



}

#logo-name {
font-size: 32px;
font-weight: bold;
margin: 10px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;







}

#navigation a {
color: rgb(100, 116, 204);
padding: 8px;


}

#navigation a:hover {
    color:brown ;






}

#image img {
width: 99%;
margin-top: 16px;
margin-bottom: 16px;
}

#main {
    max-width: 800px;
    margin: auto;
    font-family: Arial, Helvetica, sans-serif;
    padding: 16px;
    



}
#a image {
    width: 99%;
    margin-top: 16px;
    margin-bottom: 16px;
}

#footer {
text-align: center;
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
color: gray;
padding: 30px;

}