:root 
            { 
                --theme-main-color: #335e8f;
                --theme-main-color-brighter-1: #3a6596ff;
                --theme-main-color-brighter-2: #5984b5ff;
                --theme-main-color-brighter-3: #6691c2ff;
                --theme-main-color-darker-1: #2b5687ff;
                --theme-main-color-darker-2: #0c3768ff;
                --theme-main-color-darker-3: #002b5cff;
                --theme-main-color-opacity-1: #335e8f28;
                --theme-main-color-opacity-2: #335e8f7F;
                --theme-main-color-opacity-3: #335e8fC8;
                --theme-main-font-color: #ffffff;
                --theme-main-font-color-darker-1: #ccccccff;
                --theme-main-font-color-brighter-1: #ffffffff;
                --theme-secondary-color: #338b8e;
                --theme-secondary-color-brighter-1: #3a9295ff;
                --theme-secondary-color-brighter-2: #59b1b4ff;
                --theme-secondary-color-brighter-3: #66bec1ff;
                --theme-secondary-font-color: #ffffff;
                --theme-secondary-font-color-darker-1: #ccccccff;
                --theme-secondary-font-color-brighter-1: #ffffffff;
                --theme-tertiary-color: #4a9eb8;
                --background-size: cover;
            }