@import url("/Hindi/Hindi.css");

page.text {
	color: #341E0B;
}
page.dark {
	color: #683B16;
}
page.lite {
	color: #B66826;
}

path[class^="level-"] {
	stroke: #FFF;
	stroke-width: 3;
}
table[class^="level-"] td {
		padding: 1rem;
		text-align: center;
	}
table[class^="level-"] img {
	height: 40vh;
	transition: all 1s;
}
	table[class^="level-"] img:hover {
			filter: grayscale(100%);
		}

.level-1 {
	fill: #FFDD00;
	background: #FFDD00;
}
.level-2 {
	fill: #E30613;
	background: #E30613;
}
.level-3 {
	fill: #B0CC08;
	background: #B0CC08;
}
.level-4 {
	fill: #2E72BA;
	background: #2E72BA;
}

.level {
	font-size: 2em;
	font-weight: bold;
}
.title {
	font-size: 1em;
	font-weight: bold;
}
.detail {
	font-size: 0.6em;
	font-weight: normal;
}

a[target="_top"] path {
	transition: all 1s;
}
	a[target="_top"]:hover path {
		fill: #CCC;
	}

footer object {
	display: block;
	margin: 5vh auto;
	width: 20vw;
}