body{
	/*background-color: var(--mcscolor);*/
}

.flex{
	display: flex;

	justify-content: center;
	align-items: center;
}

.verticalcenter{
	display: flex;

	/*justify-content: center;*/
	align-items: center;
}

#maingroupcontainer{
	display: grid;

	grid-column-gap: 50px;

	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr;
}

#header{
	display: flex;

	justify-content: center;
	/*align-items: center;*/

	padding-bottom: 20px;

}

#logoscontainer{
	display: grid;
	grid-template-columns: repeat(4, 400px);
	grid-template-rows: 200px;

	grid-column-gap: 10px;
}

#maincontainer{
	display: grid;

	padding: 20px;

	grid-template-columns: 1fr;
	grid-template-rows: 220px 650px 100px;
}

#footer{
	display: flex;
	justify-content: center;
}

#mcslogo{
	height: 100px;	
}

.maintrackcontainer{
	display: grid;

	grid-template-columns: 1fr;
	grid-template-rows: 100px 250px 250px;
	grid-row-gap: 10px;
}

.groupcontainer{
	display: grid;

	grid-template-columns: 1fr;
	grid-template-rows: 50px 200px;
}

.trackheadline{
	display: grid;

	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
}

.groupheadlinecontainer{
	display: grid;

	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr;

	
	font-weight: bold;
	font-size: 25px;
	color: white;

	border-radius: 15px 15px 0px 0px;
}

.nextgroup{
	background-color: var(--mcscolor);
}

.currentgroup{
	background-color: var(--mcsgrey);
}

.mainplayerscontainer{
	display: grid;

	grid-template-columns: 1fr;
	grid-template-rows: repeat(3, 1fr);
}

.individualplayer{
	display: grid;

	grid-template-columns: 120px 1fr 1fr;
	grid-template-rows: 1fr;

	font-size: 25px;
}


.logos{
	width: 200px;
}

.trackdescription{
	font-weight: bold;
	font-size: 50px;
}