/* ### VARIABLES ### */
:root 
{	
    /* COLOR VARIABLES */
	--light-main-color: rgba(255, 69, 69, 0.8);
	--main-color: rgba(255, 69, 69, 1);

	--white-transparent-color: rgba(210, 210, 210, 0.075);
	--white-color: rgba(240, 240, 240, 1);
	--dark-color: rgba(72, 72, 72, 1);
	--dark-color-1: rgba(40, 40, 45, 1);
	--shadow-color: rgba(0, 0, 0, 0.18);
    
    
    /* DISTANCE VARIABLES */
    --main-padding: 0.33vh;
    --small-padding: .5vw;
    --big-padding: 2vw;
    
    
    /* TRANSITION VARIABLES */
    --short-transition-duration: 0.3s;
    --long-transition-duration: 2s;
    --transition-funktion: cubic-bezier(0.5,-0.1,0.1,1);
    /* --transition-funktion: cubic-bezier(0.0, 0.1, 0.1, 0.8, 0.9, 1.0, 0.1); */
        
    
    /* Font Sizes */
    --fontsize-Dnav: 1vw;
    --fontsize-Dtitle: 3vw;
    --fontsize-Dcontent: 1.5vw;
    
    --fontsize-Dcontent: calc(2.5vh - .1vw);
    
    --fontsize-Mnav: 3vh;
    --fontsize-Mtitle: 5vh;
    --fontsize-Mcontent: 1.5vh;
}