:root {
                --t-title-font-family: 'AdobeCaslon', Didot, serif;
                --t-title-font-weight: 600;
                --t-title-font-color: #D4AF37;
                --t-title-font-size: 64px;
                --t-title-letter-spacing: 5px;
            }
        
            * {
                margin: 0;
                padding: 0;
            }
            
            body {
                width: 100%;
                height: 100%;
                background: #1c1c1c;
                display: flex;
                flex-direction: row;
            }
            
            .active {
                background: #c6a667;
                color: #1c1c1c !important;
            }
            
            .left-column {
                position: relative;
                display: inline-block;
                height: 100vh;
                background: #000;
                z-index: 999;
                
            }
            
            .left-column .logo {
                margin-top: 15px;
                margin-left: 53.5px;
                width: 180px;
                height: 180px;
                background: url("/images/Spencer-Vertical-Logo-Gold.png");
                background-size: contain;
                background-repeat: no-repeat;
            }
            
            .left-column ul {
                margin-top: 25px;
                width: 100%;
                display: flex;
                flex-direction: column;
                flex-wrap: wrap;
                padding-right: 15px;
                list-style: none;
            }
            
            .left-column ul a {
                text-decoration: none;
            }
            
            
            .left-column ul li {
                width: 100%;
                padding-top: 15px;
                padding-bottom: 15px;
                font-size: 18px;
                color: #c6a667;
                letter-spacing: 0.5px;
                white-space: nowrap;
            }
            
            .left-column ul li img {
                position: relative;
                height: 18px;
                top: 3px;
                padding-left: 15px;
                margin-right: 9px;
            }
            
            .center-column {
                position: relative;
                display: inline-block;
                width: calc(100% - 275px);
            }
            
            .top-nav {
                width: 100%;
                height: 85px;
            }
            
            .top-nav h2 {
                margin-left: 30px;
                margin-top: 25px;
                font-size: 24px;
                color: #c6a667;
                letter-spacing: 2px;
            }
            
            .top-nav p {
                margin-left: 30px;
                margin-top: 15px;
                font-size: 18px;
                letter-spacing: 1px;
                color: #c6a667;
            }
            
            .consultation {
                position: relative;
                display: inline-block;
                margin-left: 25px;
                margin-top: 10px;
                background: #c6a667;
                border-radius: 10px;
                width: calc(50% - 50px);
            }
            
            .consultation img {
                position: relative;
                height: 30px;
                top: 5px;
                margin-left: 15px;
                display: inline-block;
            }
            
            .consultation h1 {
                position: relative;
                display: inline-block;
                padding-top: 15px;
                margin-left: 7px;
                font-family: var(--t-title-font-family);
                color: #1c1c1c;
            }
            
            .consultation .line {
                position: relative;
                width: 50px;
                height: 5px;
                background: #1c1c1c;
                margin: 15px;
            }
            
            .consultation p {
                font-family: var(--t-title-font-family);
                font-size: 16px;
                margin-top: 10px;
                margin-left: 15px;
                line-height: 30px;
                width: 90%;
                color: #1c1c1c;
            }
            
            .consultation button {
                position: relative;
                font-family: var(--t-title-font-family);
                padding: 15px;
                background: #1c1c1c;
                color: #C6A667;
                border: none;
                transition: 0.5s ease all;
                letter-spacing: 1px;
                border: 1px solid #1c1c1c;
                margin: 15px;
                cursor: pointer;
                font-weight: 600;
                font-size: 16px;
            }
            
            .consultation button:hover {
                background: transparent;
                color: #1c1c1c;
            }
            
            .customize {
                position: relative;
                display: inline-block;
                margin-left: 25px;
                background: #000;
                border: 1px solid #000;
                border-radius: 10px;
                width: calc(50% - 50px);
            }
            
            .customize img {
                position: relative;
                height: 30px;
                top: 5px;
                margin-left: 15px;
                display: inline-block;
            }
            
            .customize h1 {
                position: relative;
                display: inline-block;
                padding-top: 15px;
                margin-left: 7px;
                font-family: var(--t-title-font-family);
                color: #C6A667;
            }
            
            .customize .line {
                position: relative;
                width: 50px;
                height: 5px;
                background: #C6A667;
                margin: 15px;
            }
            
            .customize p {
                font-family: var(--t-title-font-family);
                font-size: 16px;
                margin-top: 10px;
                margin-left: 15px;
                line-height: 30px;
                width: 90%;
                color: #C6A667;
            }
            
            .customize button {
                position: relative;
                font-family: var(--t-title-font-family);
                padding: 15px;
                background: #C6A667;
                color: #1c1c1c;
                border: none;
                transition: 0.5s ease all;
                letter-spacing: 1px;
                border: 1px solid #C6A667;
                margin: 15px;
                cursor: pointer;
                font-weight: 600;
                font-size: 16px;
            }
            
            .customize button:hover {
                background: transparent;
                color: #C6A667;
            }
            
            .market-pulse {
                width: 33.33%;
                display: inline-block;
                margin-left: 25px;
                margin-top: 25px;
                background: #000;
                border: 1px solid #000;
                border-radius: 10px;
            }
            
            .market-pulse .icon {
                position: relative;
                height: 30px;
                top: 5px;
                margin-left: 15px;
                display: inline-block;
            }
            
            .market-pulse h1 {
                position: relative;
                display: inline-block;
                padding-top: 15px;
                margin-left: 7px;
                font-family: var(--t-title-font-family);
                color: #C6A667;
            }
            
            .market-pulse .line {
                position: relative;
                width: 50px;
                height: 5px;
                background: #C6A667;
                margin: 15px;
            }
            
            .market-pulse .long-line {
                position: relative;
                width: calc(100% - 30px);
                height: 1px;
                background: #C6A667;
                margin: 15px;
            }
            
            .market-pulse h2 {
                position: relative;
                display: inline-block;
                padding-top: 15px;
                margin-left: 15px;
                font-family: var(--t-title-font-family);
                color: #C6A667;
            }
            
            .market-pulse ul {
                margin-left: 15px;
                list-style: none;
                display: flex;
                flex-direction: column;
                flex-wrap: wrap;
                margin-left: 15px;
                width: calc(100% - 15px);
            }
            
            .market-pulse ul li {
                padding-top: 7.5px;
                padding-bottom: 7.5px;
                font-size: 18px;
                font-family: var(--t-title-font-family);
                color: #C6A667;
                border-bottom: 1px solid #56482c;
                width: calc(100% - 15px);
            }
            
            .market-pulse ul li b {
                font-weight: bold;
            }
             
            .market-pulse button {
                position: relative;
                font-family: var(--t-title-font-family);
                padding: 15px;
                background: #C6A667;
                color: #1c1c1c;
                border: none;
                transition: 0.5s ease all;
                letter-spacing: 1px;
                border: 1px solid #C6A667;
                margin: 15px;
                cursor: pointer;
                font-weight: 600;
                font-size: 16px;
            }
            
            .market-pulse button:hover {
                background: transparent;
                color: #C6A667;
            }
            
            .trend-card {
              width: calc(100% - 45px);
              padding: 20px;
            }
            
            .trend-header {
              display: flex;
              justify-content: space-between;
              align-items: center;
              color: #C6A667;
              font-size: 18px;
              margin-bottom: 12px;
            }
            
            .trend-value {.
              font-size: 20px;
              font-weight: bold;
              letter-spacing: 0.5px;
              position: relative;
              left: 200px;
            }
            
            .trend-prev-value {
                position: relative;
                right: 175px;
                top: 150px;
            }
            
            .trend-post-value {
                position: relative;
                left: 50px;
                top: 50px;
            }
            
            .trend-prev-date {
                position: relative;
                right: 290px;
                top: 200px;
            }
            
            .trend-post-date {
                position: relative;
                left: 0px;
                top: 200px;
            }