/*
 * // ----------------------------------------------------------------------------------------------------------
 * //	 main.css
 * //  15.12.2021  (c) compute4you@gmail.com
 * // ----------------------------------------------------------------------------------------------------------
*/
	:root {	
			/*--one-pixel-vh: 0.1vh;	*/
			
			--main-color: rgba(200,120,30,1);											
			--main-color-plain: 200,120,30;												

			--zindex-anim: 5;
						
			--bg-color: rgb(60,60,60);
			--bg-color-plain: 60,60,60;

			--bg-grad-1: 70,70,70;
			--bg-grad-11: 55,55,55;
			--bg-grad-2: 45,45,45;
			--bg-grad-22: 85,85,85;
					
			--text-color: rgb(30,30,30);
			--text-color-light: rgba(150,150,150,0.7);
			--text-color-back: white;
		}
					
	body {
			background-image: linear-gradient(rgba(80,80,80, 1.0), rgba(0,0,0, 0.8));	
			margin: 0;
			padding: 0;
			overflow: hidden;	
			width: 100%;
			height: 100%;
		}

	.BG {
			background-image: linear-gradient(to top left, rgba(var(--bg-grad-1),0.25) 50%, rgba(var(--bg-grad-11),0.25) 50%), linear-gradient(to top right, rgba(var(--bg-grad-2),0.25) 50%, rgba(var(--bg-grad-2),0) 50%);
			background-size: 100% 100%, 70% 45%;
			background-position: left top, left bottom;
			background-repeat: no-repeat;
		}	
 
	#id-main-div {
			margin: 0;
			padding: 0;
			width: 100%;
			height: 100%;
			display: flex;																									
		}

	#id-mail-div {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 10;
			margin: 0;
			padding: 0;
			width: 100%;
			height: 100%;
			background: rgba(0,0,0,0);
			display: flex;
			flex-direction: row;
			/*align-items: end;*/
			justify-content: center;																							
		}

	.MAIL {
			color: rgba(220,220,220,0.4);
			font-size: 2vh;
			margin: 3vh;
			align-self: flex-end;
		}

	/* ------------  END  --------------------------------------------------------- */