html {
	font-family: Verdana, sans-serif;
}
body {
	margin: 0;
}

a:link {
	color: #ff9900;
	text-decoration: none;
}
a:visited {
	color: #0000cc;
}
a:hover {
	color: #000000;
}

.lang {
	margin: 0 auto;
	
	text-align: center;
	border-bottom: 1px solid #eeeeee;
	background: #fafafa;
}

.header {
	padding: 1rem;
	text-align: center;
	border-bottom: 1px solid #eeeeee;
}
.header h1 {
	margin: 0;
}
.header p {
	margin: 0;
}

.search {
	padding: 1rem;
	text-align: center;
	border-bottom: 1px solid #eeeeee;
}
.search input {
	font-size: 1.25rem;
}

.showcategories a
{
	margin: 5px auto;
	padding: 5px;
	width: 200px;
	display: block;
	color: #000000;
	text-align: center;
	background: #ffdd00;
	border-radius: .5rem;
}

.category ul, .nav ul, .cards, .ads, .footer {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.category ul, .nav ul {
	margin: 0;
	padding: 0;
	text-align: center;
	list-style: none;
}

.category li a, .nav li a {
	margin: 5px;
	padding: 5px;
	display: block;
	color: #000000;
	!background: #ff9900;
	background: #ffdd00;
	border-radius: .5rem;
}
.category li a:hover, .nav li a:hover {
	color: #ffffff;
	background: #000000;
}

.category li a {
	min-width: 100px;
}

.nav li a {
	min-width: 30px;
}
.nav li a.active {
	background: #999999;
}

.category, .cards, .ads {
	padding: 1rem 0;

	background: #fafafa;
	border-bottom: 1px solid #eeeeee;
}
.card {
	margin: 5px;
	width: 200px;
	box-shadow: 0 .125rem .25rem #eeeeee;
	border: 1px solid #dddddd;
	background: #ffffff;
}

.cardimg {
	width: 200px;
	max-height: 200px;
}

.cardtags {
	margin: 5px;
	font-size: 1.2rem;
}

.cardtags a {

	padding: 2px 5px;
	font-size: 1.2rem;
	
	border: 1px solid #0000ff;
	border-radius: .5rem;
}
.cardtags a:hover {
	
	border: 1px solid #000000;
	border-radius: .5rem;
}

.cardtxt {
	margin: 5px;
	font-size: .875rem;
}

a.cardlink {
	display: block;
	margin: 5px;
	padding: 5px;
	font-size: 1.25rem;
	text-align: center;
	vertical-align: bottom;
	color: #999999;
	border: 1px solid #cccccc;
	border-radius: .25rem;
}
a.cardlink:hover {
	background: #eeeeee;
}

.cardfull {
	margin: 5px;
	width: 100%;
	box-shadow: 0 .125rem .25rem #eeeeee;
	border: 1px solid #dddddd;
	background: #ffffff;
	text-align: center;
}

.info {
	padding: 1rem 0;
	text-align: center;
	border-bottom: 1px solid #eeeeee;
}

.ads .widget {
	margin: auto;
	max-width: 1500px;
}

.feedback input {
	font-size: 1.25rem;
}

.terms {
	margin: auto;
	width: 600px;
	text-align: left;
}

.footer {
	font-size: .875rem;
}
.footer div {
	padding: 1rem;
}
.footer .left {
	flex-grow: 3;
}
.footer .right {
	flex-grow: 1;
	border-left: 1px solid #cccccc;
}