@import url("/Assets/CSS/Chatranjali.css");

html {
	background: radial-gradient(120vh at 40vw 40vh, #4F3F1D 0%, #726441 100%) fixed;
}
	html::before {
		content: "";
		position: fixed;
		width: 100vw;
		height: 100vh;
		background: url("/Hindi/Gulzar/Stories/ZeroLine/Map.jpg") no-repeat fixed;
		background-size: cover;
		animation: darken 5s forwards;
		z-index: -3;
	}
	html::after {
		content: "";
		position: fixed;
		width: 100vw;
		height: 100vh;
		background: url("/Hindi/Gulzar/Stories/ZeroLine/Border.png") no-repeat fixed;
		background-size: cover;
		animation: fadeIn 10s forwards;
		z-index: -2;
	}

@keyframes darken {
	60%	 { opacity: 1.0; }
	100% { opacity: 0.1; }
}
@keyframes fadeIn {
	0%   { opacity: 0.0; }
	10%  { opacity: 0.0; }
	40%  { opacity: 1.0; }
	100% { opacity: 0.2; }
}

body {
	position: absolute;
}

page.text {
	color: #FFFFFF;
}
page.dark {
	color: #8D0C00;
}
page.lite {
	color: #FF301C;
}