/* :root {
    --site-red: #cf1259;
    --site-blue-sapphire: #0b4f6c;
    --site-cyan: #01BAEF;
    --site-white: #FBFBFF;
    --site-black: #040F16;

    /* Second iteration of colors, more oceany*/
    /* --site-dark-orange: #ff5400;
    --site-light-orange: #ff8500;
    --site-orange-peel: #ff9e00;
    --site-crystal: #00b4b8;
    --site-dark-crystal: #0077b6;
    --site-navy-blue: #03045E; */
/* }  */

/* navbar */

.nav-link { /* Center links in navbar */
    text-align: center;
}


/* Title */
h1 {
    text-align: center;
    background-color: white;
}

#title {
    background-color: white;
}


/* main body */

main .form-control
{
    /* center form controls */
    display: inline-block;

    /* override Bootstrap's 100% width for form controls */
    width: auto;
}

main
{
    /* scroll horizontally as needed */
    overflow-x: auto;

    /* center contents */
    text-align: center;
}

main img
{
    /* constrain images on small screens */
    max-width: 100%;
}

main table {
    text-align: left;
}

#results {
    background-color: white;
}

table
{
    border-collapse: collapse;
    border-spacing: 2px;
}

.table th, .table td {
    border-top: none;
}

.table td a {
    font-weight: bold;
}

main tfoot{
    font-weight: bold;

}

/* body */

body
{
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    /* background-color: var(--site-dark-crystal); */
}

/* scroll */

.scroll {
    margin: auto;
    width: 60%;
    overflow-x: hidden;
    overflow-y: auto;
    text-align: center;
    height: 600px;
    background-color: #f2f2f2;
}

/* input */
input 
{
    width: 25%;
    margin: 8px;
}

input[type="date"]
{
    width: 25%;
    margin: 8px 0;
}

/* About Page */

.tools li {
    text-align: left;
}