* {
    box-sizing: border-box;
}

body {
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url("../res/bg.png");
    background-repeat: repeat;
    background-attachment: scroll;
}

#content {
    display: flex;
    flex-direction: column;
    width: 70%;
    max-width: fit-content;
}

#main, #buttons {
    background-color: #291911;
    border: 4px solid black;
    width: 100%;
}

#main {
    padding: 20px;
    margin-top: 5%;
}

#buttons {
    padding: 15px;
    text-align: center;
}

#indexlist {
    column-count: 4;
    list-style-type: none;
    padding: 0;
}

p, li, h1, h2, h3, h5 {
    color: #625547;
}

a { color: #4a4a4a; }
a:visited { color: #3e3e3e; }

#gallery img {
    width: 300px;
    height: 300px;
}

#inlineimage img {
    width: 630px;
    height: 200px;
}