
    :root {
        --color-h: 36;
        --color-s: 96%;
        --color-l: 43%;
    }
    
    #volume::before {
        background-color: hsl(36, 96%, 43%);
    }

    #chapter::before {
        background-color: hsl(36, 96%, 43%);
    }

    .tab {
        background-color: hsl(36, 96%, 43%);
    }

    .icon_bar {
        background-color: hsl(36, 96%, 43%);
    }

    .cont_title {
        background-color: hsl(36, 96%, 43%);
    }

    .tab button:hover {
        background-color: hsl(36, 96%, 43%);
        filter: grayscale(30%);
    }

    .icon_bar a:hover {
        background-color: hsl(36, 96%, 43%);
        filter: grayscale(30%);
    }

    .time_content {
        border: hsl(36, 96%, 43%) 2.5px solid;
    }

    .timeline::after {
        border: solid 2px hsl(36, 96%, 43%);
        background-color: hsl(36, 96%, 43%);
    }

    .time_content button:hover span {
        color: hsl(36, 96%, 43%);
    }

    .site-bar {
        border-color: hsl(36, 96%, 43%);
    }

    .site-bar a {
        color: hsl(36, 96%, 43%);
    }

    .site-bar a:hover {
        background-color: hsl(36, 96%, 43%);
    }

    .tooltiptext {
        background-color: hsl(36, 96%, 43%);
    }

    .committee-section a:link {
        color: hsl(36, 96%, 43%);
    }

    .committee-section a:visited {
        color: hsl(36, 96%, 43%);
    }

    .table_space th {
        background-color: hsl(36, 96%, 43%);
    }

    #overlay tr:first-child {
        background-color: hsl(36, 96%, 43%);
    }

    .struc2 table {
        background-color: hsl(36, 96%, 43%);   
    }
    