body
    {
    min-width: 92rem;
    color: white;
    background-color: #121212;
    font-family: Open Sans;
    font-size: 1rem;
    }
table
    {
    background-color: #1e1e1e;
    flex-shrink: 0;
    }
table.commodity
    {
    margin-top: 2rem;
    margin-bottom: 0rem;
    margin-left: auto;
    margin-right: auto;
    float: left;
    border-radius: 0.5rem;
    box-shadow: 0.15rem 0.15rem 0.15rem rgba(50, 50, 50, 0.5);
    min-width: 45rem;
    }
table.best
    {
    margin-top: 1rem;
    margin-left: auto;
    margin-right: auto;
    border-radius: 0.5rem;
    box-shadow: 0.15rem 0.15rem 0.15rem rgba(50, 50, 50, 0.5);
    }

th
    {
    background-color: #006fdd;
    color: #fff;
    padding: 5px;
    border-radius: 5px;
    }
td
    {
    text-align: center;
    vertical-align: top;
    }

a
    {
    text-decoration: none;
    color: inherit;
    outline: none;
    }
a:hover
    {
    color: #006fdd;
    }

a.about-link
    {
    color: #4da6ff !important;
    cursor: pointer;
    transition: color 0.2s ease;
    }
a.about-link:hover
    {
    color: #80c1ff !important;
    text-decoration: underline !important;
    }

div.about-page a
    {
    color: #4da6ff !important;
    cursor: pointer;
    transition: color 0.2s ease;
    }
div.about-page a:hover
    {
    color: #80c1ff !important;
    text-decoration: underline !important;
    }


div#content
    {
    width: 100%;
    }

div#main
    {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    }

div#panel_r
    {
    float: right;
    }

div#panel_l
    {
    float: left;
    }

:target tbody tr th {
    background-color: goldenrod;
}

/* About page styles */
div.about-container
    {
    max-width: 50rem;
    margin: 2rem auto;
    padding: 2rem;
    background-color: #1e1e1e;
    border-radius: 0.5rem;
    line-height: 1.8;
    }

div.about-container h1
    {
    color: #4da6ff;
    margin-bottom: 1.5rem;
    }

div.about-container p
    {
    margin-bottom: 1rem;
    }

div.about-container p.footer-text
    {
    margin-top: 2rem;
    text-align: center;
    color: #888;
    margin-bottom: 0;
    }

/* Utility classes */
.text-right
    {
    text-align: right;
    }

.text-center
    {
    text-align: center;
    }

.padding-right-1
    {
    padding-right: 1rem;
    }

.about-link
    {
    display: block;
    margin: 0.5rem 0;
    }

.spacer-right
    {
    margin-right: 3rem;
    }