@import url('https://fonts.googleapis.com/css2?family=Monoton&display=swap');
body {
	background: url(/theme-colorpop/bg1.png) repeat 0 0;
	color: #111;
	font-family: sans-serif;
	font-size: 0.9em;
}
a {
	color: #3B8183;
	cursor: default;
	text-decoration: none;
	transition-duration: 0.8s;
}
	a:hover {
		color: #E84A5F;
		transition-duration: 0.8s;
	}
h1 {
	font-family: Monoton;
	font-size: 90px;
	margin: 50px 0 0;
	padding: 0;
	text-align: center;
	text-transform: uppercase;
}
	h1:first-letter {color: #E84A5F;}
h2 {
	border-left: 5px solid #E84A5F;
	font-variant: small-caps;
	letter-spacing: -1px;
	margin: 25px 0 10px;
	padding: 0 0 0 8px;
}
button {
	background: #E84A5F;
	border-radius: 5px;
	border: 0;
	letter-spacing: -1px;
	margin: 5px auto;
	padding: 5px 8px;
	transition-duration: 0.8s;
}
	button:hover {
		background: #111;
		color: #3B8183;
		transition-duration: 0.8s;
	}
input {
	border: 1px solid #3B8183;
	border-radius: 5px;
	padding: 3px;
	margin: 5px;
}
	input.cardsearchtext {
		padding: 5px;
		width: 250px;
	}
		input.cardsearchtext:active {border: 1px solid #111;}
	input.cardsearchbutton {
		background: #fff;
		transition: 0.8s;
		width: 75px;
	}
	input.cardsorterbutton {
		background: #fff;
		transition: 0.8s;
		width: 750px;
	}
		input.cardsearchbutton:hover, input.generateimgtagsbutton:hover {
			background: #111;
			color: #E84A5F;
			transition: 0.8s;
		}
	input.generateimgtagsbutton {
		background: #fff;
		transition: 0.8s;
		width: 100px;
	}
table {}
	table.showneeded {
		border: 0;
		margin: 15px auto;
	}
	table.showneeded tr {margin: 5px;}
	table.showneeded td {
		padding: 5px 10px;
	}
textarea {
	border: 1px solid #3B8183;
	border-radius: 8px;
	display: block;
}
	textarea.halfsize {
		height: 50px;
		margin: 10px auto;
		width: 30%;
	}
	textarea.fullsize {
		height: 100px;
		margin: 10px auto;
		width: 75%;
	}
div#linkbar {
	font-weight: bold;
	letter-spacing: -1px;
	margin: 20px auto 50px;
	text-align: center;
	text-transform: uppercase;
	width: 90%;
}
	div#linkbar a {
		border-bottom: 1px solid #fff;
		margin: auto 8px;
		padding: 8px;
	}
	div#linkbar a:hover {
		background: #111;
		border-bottom: 1px solid #111;
	}
	div#linkbar i {
		color: #E84A5F;
		opacity: 0.55;
	}
div#mainbody {
	background: #fff;
	margin: auto;
	width: 90%;
}
	div.center {
		text-align: center;
	}
		div.center table {
			border: 0;
			margin: 10px auto;
			text-align: center;
		}
		div.center table td {
			padding: 5px;
		}
div#footer {
		background: #fff;
		font-size: 0.5em;
		margin: 30px auto;
		padding: 20px;
		text-align: center;
		text-transform: uppercase;
		width: 90%;
}
.tooltip-js {
	background: #111;
	border-radius: 5px;
	color: #fff;
	font-size: 0.85em;
	opacity: 0.9;
	padding: 6px;
	position: absolute;
	z-index:999;
}
.dimmedCard {opacity: 0.4;}