h2{
	font-family:"Abril Fatface", sans-serif;
	font-size:3em;
}
.tops{
	border-collapse:collapse;
	width:50em;
	max-width:100%;
	margin:3em auto;
	font-family:"Inconsolata", sans-serif;
}
.tops th{
	border-bottom:2px solid var(--basicColor1);
}
.tops td, .tops th{
	padding:0.8em 1em;
}
.userName{
	font-size:1.2em;
	color:var(--basicColor3);
	font-weight:600;
}
.replay{
	background-color:white;
	font-size:1.5em;
	padding:0.5em 1em;
	color:var(--basicColor1);
	font-weight:600;
	font-family:"Inconsolata", sans-serif;
	position:relative;
	z-index:2;
}
.replay svg{
	vertical-align:middle;
	margin-top:-0.2em;
}
div.elemDecoration{
	position:absolute;
	top:50%;
	left:2em;
	transform:translateY(-50%);
	font-family:"Inconsolata", sans-serif;
}
.elemDecoration img{
	width:3em;
	margin-right:1em;
}
.elemDecoration p{
	background-color:var(--basicColor3);
	padding:.5em;
	color:white;
	margin:0;
}
img.elemDecoration{
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
	height:20vh;
	opacity:0.5;
}
.selectedLine{
	background-color:#ffd4da;
}
.myTeam{
	margin-right:1em;
}
@media screen and (max-width:900px){
	.myTeam{
		margin-right:0;
	}
	.replay{
		display:block;
		margin:0.5em 0 0.5em auto;
		max-width:40%;
	}
}
@media screen and (max-width:900px){
	.bigSpacing{
		padding:0.2em;
	}
	h2{
		padding:0.5em;
	}
	.tops{
		font-size:0.9em;
	}
	.userName{
		font-size:1em;
	}
	div.elemDecoration{
		max-width:40%;
	}
	.tops th{
		font-size:0.9em;
		max-width:5em;
		overflow:hidden;
		text-overflow:ellipsis;
	}
}
@media screen and (max-width:550px){
	.tops tr th:nth-child(4), .tops tr th:nth-child(5), .tops tr th:nth-child(6),
	.tops tr td:nth-child(4), .tops tr td:nth-child(5), .tops tr td:nth-child(6){
		display:none;
	}
}