body{
	color: var(--color-text);
	font-family: var(--font-sans);
	background-color: var(--color-bg);
}

#app{
	width: 100vw;
	height: 100vh;
	display: flex;
	flex-flow: column;
	background: repeating-linear-gradient(45deg, rgba(255,255,255,0.013) 0 1px, transparent 1px 7px),
	radial-gradient(130% 90% at 50% -10%, #10101c 0%, #0a0a14 45%, #070710 100%);
}

#header{
	width: 100%;
	height: 153px;
	display: flex;
	flex-flow: column;
	padding: 34px 48px 0 48px;
}

#header #championship{
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
}

#header #progress{
	display: flex;
	align-items: center;
	flex-flow: row nowrap;
}

#table{
	flex: 1;
	width: 100%;
	display: flex;
	flex-flow: column;
}

#legend{
	width: 100%;
	height: 73px;
	display: flex;
	padding: 0 48px;
	align-items: center;
	flex-flow: row nowrap;
	background-color: blue;
}