@charset "UTF-8";
/* CSS Document */

:root {
	--main-color: #111111;
	--second-color: #ffe16b;
	--third-color: #777777;
	--fourth-color: #ffffff;
/*	--fifth-color: #f2f2f2;*/
	--fifth-color: #d2d2d2;
	--sixth-color: #d2d2d2;
	--seventh-color: #ffe16b;
}

#body1container {
/*	background-color: var(--fifth-color);*/
	background-color: #f5f5f5;
/*
	background-image: url('https://images.pexels.com/photos/46798/the-ball-stadion-football-the-pitch-46798.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
*/
	padding-bottom: 0px;
}

#titleSport {
	width: calc(100% - 100px);
	max-width: 1200px;
	margin: 0 auto;
	padding: 30px 0px 0;
	font-size: 30px;
	font-weight: 800;
	height: auto;
/*	color: var(--fourth-color);*/
	border-bottom: solid 0.5px #CCCCCC;
}

#titleLeft{
	width: 80%;
	display: inline-block;
}

#rightTitle {
	font-size: 14px;
	text-align: right;
	width: 20%;
	display: inline-block;
}

#sportBody0, #sportBody1, #sportBody2, #sportBody3, #sportBody4, #sportBody5 {
	width: 100vw;
	max-width: 1200px;
	min-width: 500px;
	max-height: 180px;
	height: auto;
	margin: 0 auto;
	padding: 10px 0px 0px 0px;
	column-width: 380px;
	column-gap: 5px;
	font-size: 22px;
	overflow-x: scroll;
	overflow-y: hidden;
}

#match {
	width: 100%;
	display: inline-block;
	margin: 0 0px 0px;
	column-break-inside: avoid;
	background-color: var(--fourth-color);
	overflow: hidden;
	line-height: 24px;
	border-radius: 8px;
}

#match #startTime {
	width: calc(100% - 40px);
	font-size: 12px;
	padding: 0 20px 5px;
	display: inline-block;
	font-weight: 400;
}

#match #date {
	margin: 10px 0 -10px;
	font-weight: 300;
}

#match #time {
	font-size: 16px;
}

#match #team {
	width: calc(84% - 40px);
	display: inline-block;
	padding: 0 20px;
	color: var(--main-color);
	text-align: left;
	font-size: 18px;
	float: left;
	font-weight: 600;
	margin: 0;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

#match #result {
	width: calc(15% - 40px);
	display: inline-block;
	padding: 0px 20px;
	font-weight: 800;
	font-size: 20px;
	text-align: center;
}

#match #competition {
	width: calc(100% - 40px);
	padding: 5px 20px 10px;
	font-size: 12px;
	font-weight: 300;
	display: inline-block;
	text-align: left;
}

#standings {
	height: 300px;
}

#previous, #next {
	font-weight: 900;
	display: inline-block;
	position: absolute;
	margin: 0 auto;
}