body{
            --semi-transition_delay-fast:180ms; 
--semi-transition_delay-none:0ms; 
--semi-transition_delay-slow:1000ms; 
--semi-transition_delay-faster:120ms; 
--semi-transition_delay-normal:600ms; 
--semi-transition_delay-slower:1200ms; 
--semi-transition_delay-fastest:90ms; 
--semi-transition_delay-slowest:1800ms; 
--semi-transition_duration-fast:180ms; 
--semi-transition_duration-none:0ms; 
--semi-transition_duration-slow:1000ms; 
--semi-transition_duration-faster:120ms; 
--semi-transition_duration-normal:600ms; 
--semi-transition_duration-slower:1200ms; 
--semi-transition_duration-fastest:90ms; 
--semi-transition_duration-slowest:1800ms; 
--semi-transition_function-easeIn:cubic-bezier(0.4, 0, 1, 1); 
--semi-transition_function-linear:linear; 
--semi-transition_function-easeOut:cubic-bezier(0, 0, 0.2, 1); 
--semi-transition_function-easeInOut:cubic-bezier(0.4, 0, 0.2, 1); 

        }