.circle{
	margin-left: auto;
	margin-right: auto;
	width: 665px;
	display: block;
}

aside{
	margin-left: 20px;
	margin-right: 20px;
	width: 200px;
	float: left;
}

div{
	margin-left: 240px;
}

body{
	padding-top: 20px;
	padding-bottom: 20px;
	font-family: Courier;	
}

aside a{
	text-decoration: none;
	display: block;	
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
	margin-bottom: 1px;
	color: white;
	font-size: 1.5rem;
	font-weight: bold;
	background-color: black;
}

aside a:hover {
	background: #f00;
	color: #fff;
}

header img{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

p{
	padding-top: 10px;
	padding-bottom: 10px; 
}

table, tr, td {
	border: 1px solid #000;
}

td {
	padding: 0.1em 0.3em;
}

thead {
	font-weight: bold;
}

.league td {
	text-align: center;
	padding: 0.5em 1em;
}

.league td:first-child {
	padding: 0.5em 0.5em;
}

.league span.progression {
	display: inline-block;
	width: 100px;
	height: 15px;
	background: #ccc;
	position: relative;
	text-align: left;
}

.league span.progression span {
	display: block;
	height: 100%;
	background: #0a0;
	position: absolute;
}