body {
	font-family: sans-serif;
	display:flex;
	align-items: top;
}
* {
	margin:0;
	padding:0;
}
#gameList {
	overflow-y: scroll;
	height: 100vh;
}
#gameList > div {
	display:flex;
	align-items: center;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
#gameList > div:nth-child(2n) {
	background-color: #EEE;
}

#gameList .team {
	display: inline-block;
}
#gameList .score {
	display: inline-block;
	font-weight:bold;
	font-size: 20pt;
	width: 4em;
	text-align:center;
}
#gameList .score > div:last-child {
	opacity: 0.15;
}

#gameList .team > div {
	text-align: center;
	width: 6em;
}
#gameList .team > div > span:first-child {
	font-size: 12pt;
	font-weight: bold;
	display: block;
	line-height:1em;
}
#gameList .team > div > span {
	font-size: 7pt;
	line-height:1em;
}
#gameList .team > div.first {
	color: orange;
}
#scores {
	padding: 0.5em;
}
#scores div#graph, #scores > table {
	display:inline-block;
	vertical-align:top;
}
#scores > table {
	margin: 0.5em;
	margin-left: 0em;
	display: inline-block;
}
#scores > table th {
	text-align: left;
	font-weight: bold;
}
#scores > table td:first-child {
	padding-right: 1em;
	min-width: 100px;
}
#scores > table td:last-child, #scores > table th:last-child {
	text-align:right;
}
#scores > div {
	display: inline-block;
}
#graph {
	display: inline-block;
	padding: 1em;
}
#graph svg path {
	transition: opacity 0.5s ease, stroke-width 0.5s ease;
}
form > div {
	display: flex;
	align-items: center;
}
form .team input[type="text"], form .team select{
	padding: 0.2em;
	margin: 0.1em;
	width: 100px;
	box-sizing: border-box;
}
form .score input {
	width: 40px;
	padding: 0.2em;
	margin: 0.1em;
	font-size: 16pt;
}