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

/* Podcast page */
body {
	background: url("India.jpg") center fixed;
	background-size: cover;
}
	body::before {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		content: "";
		background: rgba(0, 0, 0, 0.7);
		animation: darken 4s;
		z-index: -1;
}
	@keyframes darken {
		0%	 { opacity: 0; }
		50%  { opacity: 0; }
		100% { opacity: 1; }
	}

page.text {
	color: #FFFFFF;
}
page.dark {
	color: #AB5F14;
}
page.lite {
	color: #D7B288;
}

.podcast {
	display: block;
	text-align: center;
	margin: 2vh auto;
}
	.podcast object {
		width: 20vh;
		height: auto;
	}
	.podcast audio {
		position: relative;
		left: 1vh;
		top: -8vh;
	}

/* SVG specific styles */
image {
	width: 100%;
	height: 100%;
}
path, text {
	filter: url("#Blur");
}
text {
	fill: #FFF;
	font-size: 100px;
	text-anchor: middle;
}
.chatranjali {
	font-size: 140px;
	font-weight: 700;
}