@font-face { font-family: 'Karla'; src: url('../fonts/Karla-Regular.ttf'); font-style: normal; font-weight: 400; }
@font-face { font-family: 'Karla'; src: url('../fonts/Karla-Bold.ttf'); font-style: normal; font-weight: 700; }

html { font-size: 62.5%; }
body { background: rgb(238,174,202); background: radial-gradient(circle, rgba(238,174,202,1) 0%, rgba(148,187,233,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 { 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; }
td { vertical-align: top; }
#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: 20%; }
	table tr th:nth-child(2) { width: 45%; }
	table tr th:nth-child(3) { width: 17%; }
	table tr th:nth-child(4) { width: 18%; }
}