*{
    font-family: 'Gideon Roman', cursive;
    font-family: 'Roboto Serif', sans-serif;
    color: rgb(0, 0, 0);
}
#top{
    text-align: center;
}
#logo{
    color: red;
    display: inline-block;
    font-size: 32px;
    font-weight: bold;
    padding: 8px;
    margin-top: 16px;
}
#logo-name{
    font-size: 32px;
    font-weight: bold;
    margin: 16px;
}
#navigation a{
    color: gray;
    padding: 8px;
    text-decoration: none;

}
#navigation a:hover{
    color: red;
    text-decoration: underline;
}
#image img{
    width: 100%;
    margin-top: 16px;
    margin-bottom: 16px;
}
#main{
    max-width: 800px;
    margin: auto;
}
#footer{
    text-align: center;
    color: gray;
    padding: 16px;
}