:root {
    /* Physics 11th Grade Color Palette */
    --primary-color: #304852;
    --primary-color-light: #304854cc;
    --secondary-color: #EBf0f2;
    --concrete: #f3f3f3;
    --beige: #cdcd89;
    --white: #fff;
    --white-transparent: #fff9;
    --neutral-black: #0b0b0b;
    --gray: #666;
    /* OpenSciEd Website Colors */
    --button-default: #d7dbf0;
    --button-primary: #8a8FC2;
    --button-selected: #F57E20;
    --button-danger: #dd5215;
    /* OpenSciEd Neutrals */
    --text-label: #909ba3;
    /* Collision App Custom Colors */
    --lightgray: #999;
    --verylightgray: #ccc;
    --superlightgray: #ddd;
    --text-default: #333;
    --text-a: #9fccff;
    /* Properties */
    --container-margin: 0 20px;
    --small-text-size: 0.75rem;
}

/* index.html */
#logo-big {
    float: right;
    width: 250px;
    padding-top: 20px;
}
#logo-navbar {
    float: right;
    width: 100px;
    padding-top: 7px;
}

.home {
    color: var(--concrete);
    background-color: var(--primary-color);
    padding: 20px 15%;
}
.home hr {
    border-color: #fff3;
}
.home h1 {
    font-size: 3rem;
    padding: 0;
}
.home p {
    max-width: 40rem;
    line-height: 1.5rem;
}
.home a {
    color: var(--text-a)
}
.home table {
    border: 1px solid #fff4;
    background-color: #ffffff10;
}
.home th {
    border-bottom: 1px solid #fff4;
}
.home tr:nth-child(even) {
    background-color: #fff1;
}
.home td:nth-child(1) {
    text-align: right;
    padding-right: 0.5rem;
}
.home .footnote {
    color: var(--verylightgray);
    font-style: italic;
}

.header {
    height: 50px;
    padding: 5px 20px 0 20px;
    background-color: var(--primary-color);
}
.header h1 {
    font-size: 1.5rem;
    font-weight: normal;
    letter-spacing: 0.05rem;
        text-transform: initial;
    margin-top: 10px;
    color: var(--secondary-color);
    background-color: transparent;
}
.header h1 span {
    font-weight: bold;
    text-transform: uppercase;
}