html { font-size: 62.5%; }
body { background: rgb(238,174,202); background: linear-gradient(90deg, rgba(148,187,233,1) 0%, rgba(238,174,202,1) 20%, rgba(234,235,169,1) 45%, rgba(178,235,169,1) 70%, rgba(206,169,235,1) 100%); color: #333; font-family: 'Karla', sans-serif; font-size: 2.4rem; font-weight: 400; line-height: 1.4; margin-bottom: 3em; }
a:link, a:visited { color: #333; }
a:hover, a:active { color: #000; }
div { margin: 0 auto; width: 100%; }
h1, h2 { font-family: 'Georgia', serif; font-weight: 700; line-height: 1.2; }
h1 { font-size: 2em; }
#games_filter input { border-radius: 0; border: 1px solid #ccc; font-size: 1em; padding: 0.5em; }
:focus { outline: none; }
section { margin: 3em auto; width: 95%; }
table.dataTable thead th, table.dataTable tfoot th { padding: 10px; }
th { text-align: left; }
#games_length, #games_paginate { display: none; }
.dataTables_info { margin-left: 10px; }

@media (min-width: 1400px) {
	div { width: 98%; }
	section { width: 70%; }
	table tr th:nth-child(1) { width: 42%; }
	table tr th:nth-child(2) { width: 28%; }
	table tr th:nth-child(3) { width: 12%; }
	table tr th:nth-child(4) { width: 7%; }
	table tr th:nth-child(5) { width: 11%; }
}