/* Gregory Ecklund */
/* October 2025 */

/* Background Color */
body {
    background-color: rgba(255, 255, 0, .6);
    font-size: 14px;
}


/* Column Formatting */
.ALLCOLUMNS {
    display: flex;
}
.COLUMN2, .COLUMN3, .COLUMN4, .COLUMN5, .COLUMN6 {
    margin-left: 2%;
}

/*All Tables */
table {
    border-spacing: 0px;
    height: 100%;
}
table > tbody > tr > td, table > caption {
    border-width: 1px;
    border-style: solid;
    border-color: black;
    padding: 5px;
    border-spacing: inherit;
    margin: 0px;
    height: 100%;
}
table > caption {
    font-weight: bolder;
    font-size: 20px;
}

/* Repeating Decimals */
td > span {
    text-decoration: overline;
}

/* Unit Fractions Table */
.unitFractionsTable > table, .unitFractionsTable > table > caption {
    background-color: silver;
}

/* Logs Table */
.logsTable > table, .logsTable > table > caption {
    background-color: fuchsia;
}

/* Natural Logs Table */
.naturalLogsTable > table, .naturalLogsTable > table > caption {
    background-color: lawngreen;
}

/* Exponent Table */
.exponentsTable > table, .exponentsTable > table > caption {
    background-color: lightblue;
    text-align: center;
}
.SUB-TITLES {
    font-weight: bold;
    font-size: 18px;
    text-align: center;
}

/* Derivatives Table */
.derivativesTable > table, .derivativesTable > table > caption {
    background-color: tan;
}

/* Integrals Table */
.integralsTable > table, .integralsTable > table > caption {
    background-color:tomato;
}

/* Fractions */
.PRE-FRACTION {
    align-content: center;
    height: 100%;
    float: left;
}
.FRACTION {
    text-align: center;
    float: left;
}
.NUMERATOR {
    border-bottom: solid;
    border-width: 1px;
    border-color: black;
    padding-bottom: 2px;
    display: block;
}
.DENOMINATOR {
    padding-top: 2px;
    display: block;
}
.POST-FRACTION {
    align-content: center;
    height: 100%;
}



/* Navbar */
.navbar {
    overflow: hidden;
    margin-bottom: 2%;
}
/* Navbar Elements */
.navbar a {
    float: left;
    text-decoration: none;
}
/* Navbar Dropdown Containers */
.dropdown {
    float: left;
    overflow: hidden;
}
/* Change Background Color on Hover */
.navbar a:hover, .dropdown:hover .dropdownLabel {
    background-color: lightyellow;
}
/* Dropdown Div */
.dropdownLinks {
    display: none;
    position: absolute;
}
/* Dropdown Options */
.dropdownLinks a {
    float: none;
    display: block;
}
/* Display Dropdown Options on Hover */
.dropdown:hover .dropdownLinks {
    display: block;
}
/* Background Color and Border */
.navbar a, .dropdownLabel {
    border-style: solid;
    border-width: 1px;
    border-color: black;
    background-color: pink;
    padding: 15px;
    font-size: 16spx;
    color: black;
    text-align: left;
}