.content{
	background:purple;
	min-height:95vh;
	overflow:hidden;
	padding:60px 0px 0px 0px;
	display:block;
	width:100%;
}
.allgames{
	width:100%;
	display:block;
	padding:20px 0px;
}
.mygames{
	width:100%;
	display:grid;
	grid-template-columns:1.75fr 6.5fr 1.75fr;
	grid-column-gap:20px;
}
.accordion {
	background-color: #eee;
	color: #400040;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 15px;
	font-weight:bold;
	transition: 0.4s;
	margin-bottom:2px;
}
.accordion i{
	float:right;
}
.active, .accordion:hover {
	background-color: #ccc; 
}
.panel{
	padding: 0 ;
	display: none;
	background-color:#800080;
	overflow: hidden;
}
.gameside{background:#ccc;}
.gamemain{
	width:100%;
	min-height:100vh;
	overflow:hidden;
}
.gamemain h1{
	text-align:center;
	font-size:24px;
	color:#ccc;
	font-family:"Segoe UI";
	margin-bottom:20px;
}
/*
.mytable{font-family:arial, sans-serif;color: #ffffff;width: 100%;font-size:14px;border-collapse: collapse;margin-bottom:20px;}
.mytable th,.mytable tr {border:none;text-align: center;padding: 7px 0px;}
.tablesrow td{padding:7px 0px;text-align:center;border:none;}
.mytable thead{background-color: #222;}
.mytable tbody tr:nth-child(odd) {background-color: #800080;}
.mytable tbody tr:nth-child(even) {background-color: #212529;}
*/
.mytable{width: 100%;border-collapse: collapse;margin-bottom:30px;}
.mytable tr {border:none;padding: 7px 0px;border-bottom:1px solid #ccc;}
.tablesrow td,.mytable th {padding:15px 10px;text-align:left;color:#ccc;font-weight:500;}
.mytable thead{background:#222;}
.mytable thead td{color:#ccc;font-weight:bold;padding:15px 10px;}
@media only screen and (max-width:800px){
	.allgames{
		padding:20px 0px;
	}
	.mygames{
		width:100%;
		display:block;
	}
	.gameside,.gamemain{
		width:100%;
		display:block;
		min-height:10vh;
	}
	.accordion {
		padding: 18px;
		width: 100%;
		font-size: 15px;
		transition: 0.4s;
		margin-bottom:2px;
	}
	.gamemain h1{
		font-size:22px;
		margin-bottom:10px;
	}
	/*.mytable{font-size:14px;margin-bottom:10px;}
	.mytable th,.mytable tr {padding: 5px 0px;}
	.tablesrow td{padding:5px 0px;}*/
	.mytable{margin-bottom:30px;}
	.mytable tr {padding: 7px 0px;}
	.tablesrow td,.tablesrow th{padding:15px 10px;text-align:left;font-size:14px;}
	.mytable thead{}
	.mytable thead td{padding:15px 10px;}
}
@media only screen and (max-width:500px){
	.allgames{
		padding:10px 0px;
	}
	.accordion {
		padding: 10px;
		width: 100%;
		font-size: 15px;
		transition: 0.4s;
		margin-bottom:2px;
	}
	.gamemain h1{
		font-size:18px;
		margin-bottom:7px;
	}
	/*.mytable{font-size:13px;margin-bottom:7px;}
	.mytable th,.mytable tr {padding: 5px 0px;}
	.tablesrow td{padding:5px 0px;}*/
	.mytable{margin-bottom:30px;}
	.mytable tr {padding: 7px 0px;}
	.mytable th,.tablesrow td{padding:10px 5px;text-align:left;font-size:13px;}
	.mytable thead{}
	.mytable thead td{padding:7px 3px;}
}