html {

    background-image: linear-gradient(#eee);
}
body {
    margin-left: 20%;
    
    font-family: Arial, Helvetica, sans-serif;
    /* background-color: #e1e1ff; */

}


#abstract {
    width: 70%;
}

#abstract h2 {
    text-align: center;
}

#gallery {
    width: 80%;
}

.sale {
    position: relative;
    left: -1em;
    padding-bottom: 2em;
    writing-mode: vertical-lr;
}

.title {
    clear: both;
}

.image img {
    max-width: 200px;
    /* max-height: 200px; */
    min-width: 200px;
    min-height: 200px;

    display: inline;
    border: 10px solid black;
    /* padding: 5px; */
    margin: 20px;
    background-color: #fff;

    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2) inset, 0 5px 10px 5px rgba(0, 0, 0, .2);
}

.image {
    display: grid;
    margin: 20px;
    float: left;
    text-align: center;
}

.image a {
    text-decoration: none;
    color: inherit;
}

.text {
    display: grid;
    margin: 20px;
    float: left;
    text-align: left;
}

li a {
    /* text-decoration: none; */
    color: inherit;
}

#footer {
    display: block;
    clear:both;
    /* position: absolute;
    bottom: 10em; */
    width: 60%;
    font-size: smaller;
}