#top {
    text-align: center;
}
#logo {
    color:white;
    background-color: red;
    display: inline-block;
    font-size: 32px;
    font-weight: bold;
    padding: 8px;
    margin-top: 16px;
}
#logoName {
    font-size: 32px;
    font-weight: bold;
    margin: 16px;
}
body {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px;
}
#navigation a {
    color: blue;
    padding: 8px;

}
#navigation a:hover {
    color: red;
}
a:link {
    text-decoration:none;
}
#image img {
    width: 100%;
    margin-top: 16px;
    margin-bottom: 16px;
}
#main{
    max-width: 800px;
    margin:auto;
    padding: 16px;
}
#footer {
    text-align: center;
    color: gray;
    padding: 16px;
}
.img-art {
 float:left;
 margin: 0 1em 0.2em 0;
 max-width: 40%;
 height: auto;
}
.img-side {
    float:left;
    margin: 0.1em 1em 0.2em 0.2em;
    max-width: 40%;
    height: auto;
}