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

body {
	background: url("/Assets/Images/KidsPattern.png") repeat fixed;
	margin: 5vh 5vw;
	color: #000;
}

@media screen and (min-width: 1025px) {
	body {
		background: url("/Assets/Images/KidsBorder.png") repeat-y fixed, url("/Assets/Images/KidsPattern.png") repeat fixed;
		background-size: 20vh 20vh, auto;
		margin-left: 25vh;
	}
}

.instructions {
	padding-left: 2em;
}
	.instructions li {
		font-size: 1.2rem;
		font-weight: bold;
		padding-top: 1rem;
	}
		.instructions li li {
			font-size: 1rem;
			font-weight: normal;
			padding-top: 0;
		}

table.standard {
	table-layout: fixed;
	text-align: center;
	filter: drop-shadow(0 0 2vh #555);
}
	table.standard th {
		font-size: 1.2rem;
		background: #58B09F;
		color: #FFF;
	}
	table.standard td {
		background: #FFF8DD;
	}

table.topics {
	width: 60vw;
	table-layout: fixed;
	filter: drop-shadow(0 0 2vh #555);
}
	table.topics th {
		font-size: 1.2rem;
	}
	table.topics td {
		vertical-align: top;
	}
	table.topics th:first-child, table.topics td:first-child {
		background: #FFF8DD;
	}
	table.topics th:last-child, table.topics td:last-child {
		background: #FBE2B0;
	}
	table.topics tr.topic td {
		font-weight: bold;
		text-align: center;
		background: #3E7D70;
		color: #FFF;
	}