* {
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

div.floating {
    background-color: rgb(69, 132, 153);
    position: fixed;
    left: 0;
    width: 100%;
    height: 4em;
    z-index: 1;
}

header div.floating { top: 0; }
footer div.floating { top: calc(100% - 4em); }

img.logo {
    image-rendering: pixelated;
    position: relative;
    top: 0.8em;
    left: 0.8em;
    width: 12em;
}

div.search-holder {
    position: inherit;
    top: 1.2em;
    right: 20em;
    margin: 0 auto;
    width: 100px;
}

header div.floating nav {
    position: relative;
    right: 0.7em;
    top: 1.3em;
    float: right;
}

footer div.floating nav {
    position: relative;
    right: 0.7em;
    top: -1.5em;
    float: right;
}

footer div.floating img {
    position: relative;
    top: -0.6em;
}

div.floating nav * {
    text-decoration: none;
    max-width: 2em;
    padding: 0 1em 0 0;
}

div.floating p {
    position: relative;
    left: 0.7em;
    top: 0.5em;
}

div.floating nav a:hover {
    color: red;
}

body div {
    position: relative;
    top: 4em;
}

div.item-collection {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow-x: auto;

    position: relative;
    top: -5em;
    padding-left: 20em;
    min-height: 43em;
}

div.desc div.item-description {
    max-width: 40%;
    margin: 0 auto;
    cursor: auto;
}

div.item-description table tr td:nth-child(2) {
    padding-left: 3em;
}

div.item-window {
    padding: 1em;
    margin: 12px;
    border-width: 0.4em;
    border-style:double;
    border-color:rgb(148, 128, 115);
    background-color:rgb(249, 255, 196);
    cursor: pointer;
}

div.item-window div.item-holder {
    position: relative;
    top: 0em;
    text-align: center;
}

div.item-window img {
    image-rendering: pixelated;
    position: relative;
    min-width: 10vw;
    max-width: 20vw;
    max-height: 40vh;
}

div.item-collection div.item-window table {
    position: relative;
    width: 100%;
    top: -1em;
    margin-bottom: -2em;
}

div.item-window table tr td:nth-child(2)  {
    position: relative;
    text-align: right;
}