:root {
            --tf-theme-bg-clr: #18d92c;
            --tf-theme-txt-clr: #000000;
            --tf-theme-bg-1: #97008C;
            --tf-theme-clr-1: #ffffff;
            --tf-theme-bg-2: #250468;
            --tf-theme-clr-2: #ffffff;

            /* Headings */
            --tf-h1: 37px;
            --tf-h2: 30px;
            --tf-h3: 24px;
            --tf-h4: 20px;
            --tf-h5: 18px;
            --tf-h6: 16px;
            --tf-content: 17px;
            --tf-tag: medium;
            --tf-theme-font: "Titillium Web", sans-serif;
            --tf-icon: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome";
            /* Gradients and Colors */
            
            --tf-theme-header-bg: #000000;
            --tf-theme-header-txt: #000000;
            --tf-theme-grid-bg: #000000;
            --tf-theme-grid-txt: #000000;
            --tf-theme-footer-bg: #000000;
            --tf-theme-footer-txt: #000000;
            --tf-dark: #252c41;
            --tf-darkc: #fff;
            --tf-hover-bg: #b3b3b366;
            --tf-hover-clr: #ffa600;

            /* Shadows */
            --tf-shadow-light: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
            --tf-shadow-dark: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
            --tf-shadow-3d: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
            --tf-shadow-bt: inset 2px 2px 2px 0px rgba(255, 255, 255, .5), 7px 7px 20px 0px rgba(0, 0, 0, .1), 4px 4px 5px 0px rgba(0, 0, 0, .1);
            --tf-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
        }
        body{ background-color: #000000; color: #000000; }