body {
	background-color: #558855;
	background-image: url('/assets/tile3.png');
	background-repeat: repeat;
	background-size: 128px 128px;
	image-rendering: pixelated;
}

.content {
	background-color: #eaffea;
	border: 2px solid #447744;
	box-shadow:
		inset 2px 2px 0 0 #447744,
		2px 2px 0 0 #cceedd;
}

button, .start-btn {
	background-color: #aaddaa;
	border: 2px solid #cceedd;
	border-right-color: #447744;
	border-bottom-color: #447744;
	box-shadow:
		1px 1px 0 0 #336633,
		inset 1px 1px 0 0 #ddffdd;
}

button:active, .start-btn:active {
	border-color: #447744;
	border-right-color: #cceedd;
	border-bottom-color: #cceedd;
	box-shadow:
		1px 1px 0 0 #cceedd,
		inset 1px 1px 0 0 #336633;
}

.tk-img {
	border: 2px solid #447744;
	border-right-color: #cceedd;
	border-bottom-color: #cceedd;
	box-shadow:
		inset 1px 1px 0 0 #336633,
		1px 1px 0 0 #cceedd;
}

input[type="text"] {
	border: 2px solid #447744;
	border-right-color: #cceedd;
	border-bottom-color: #cceedd;
	box-shadow:
		inset 1px 1px 0 0 #336633,
		1px 1px 0 0 #cceedd;
}

a {
	color: #336633;
}

a:hover {
	color: #558855;
}

.app {
	border: 2px solid #447744;
	box-shadow:
		inset 1px 1px 0 0 #336633,
		1px 1px 0 0 #cceedd;
}

.life-grid {
	background-color: #447744;
	border: 2px solid #447744;
	border-right-color: #cceedd;
	border-bottom-color: #cceedd;
	box-shadow:
		inset 1px 1px 0 0 #336633,
		1px 1px 0 0 #cceedd;
}

.life-cell {
	border: 1px solid #447744;
	background-color: #eaffea;
}

.life-legend-color {
	border: 1px solid #447744;
	border-right-color: #cceedd;
	border-bottom-color: #cceedd;
	box-shadow:
		inset 1px 1px 0 0 #336633,
		1px 1px 0 0 #cceedd;
}

.bloat-meter-container {
	border: 1px solid #558855;
	background-color: rgba(85, 136, 85, 0.05);
}

.bloat-meter-container h3 {
	color: #558855;
}

h1, h2, h3 {
	color: #447744;
}