h2
{
	text-transform:uppercase;
}

#mobile
{
	background-image:linear-gradient(315deg, #ffbb3d, #8a2ebd); 
	height:5vh; 
	text-align:center; 
	color:#fafbfc;
	font-family:orbitron;
	letter-spacing:3px;
	padding-top:4rem; padding-bottom:3rem;
	font-size:1.5rem; 
	font-weight:bold;
	border-radius:25px;
	width:80%;
	margin:auto;
	margin-top:4rem;
}

#pc
{
	background-image:linear-gradient(315deg, #ffbb3d, #8a2ebd);
	height:5vh; 
	color:#fafbfc;
	text-align:center; 
	font-family:orbitron;
	letter-spacing:3px;
	padding-top:4rem; padding-bottom:3rem;
	font-size:1.5rem;
	font-weight:bold;
	border-radius:25px;
	width:80%;
	margin:auto;
	margin-top:4rem;
}

#mobile-container, #pc-container
{
	position:relative; 
	display:flex; 
	flex-direction:column; 
	width:100%;
}

.game-listing
{
	 width:80%; 
	 margin:auto; 
}

.game-listing-container
{
	display:flex; 
	flex-direction:row;
	margin-top:4rem;
}

.game-listing-container-r
{
	display:flex; 
	flex-direction:row-reverse;
	margin-top:4rem;
}

.game-img-container
{
	flex:40%; 
	padding-right:0.8rem;
}

.game-img-container-r
{
	flex:40%; 
	padding-left:0.8rem;
}

.game-img
{
	width:100%; 
	border-radius:25px 0 25px 0;
	transition:0.3s ease;
}

.game-img-r
{
	width:100%; 
	border-radius:0 25px 0 25px;
	transition:0.3s ease;
}

.game-desc-and-link
{
	display:flex; 
	flex-direction:column; 
	flex:60%; 
}

.game-desc, .game-desc-r
{
	background-color:#BD45FF; 
	color:#fafbfc;
	border-radius:0 25px 0 0; 
	overflow:hidden;
	padding:2rem 4rem;
	font-size:1.3vw;
	font-family:depixel;
	font-weight:bold;
	line-height:2;
}

.game-desc-r
{
	border-radius:25px 0 0 0; 
}

#desc-m
{
	background-color:#F1AB16;
}

#link-m
{
	background-color:#BD45FF; 
}

.game-link
{
	margin-left:auto;
}

.game-link-r
{
	margin-right:auto;
}

.game-link-text, .game-link-text-r
{
	border:2px solid #fafbfc; 
	border-radius:0 0 25px 25px; 
	display:inline-block; 
	font-size:1.3vw; 
	background-color:#F1AB16; 
	padding:1.5rem 3rem;
	transition:0.3s ease; 
	color:white; 
	font-family:depixel;
	font-weight:bold;
	text-align:center;
	margin-top:0.7rem;
}

@media screen and (min-width: 1024px) {

	.game-desc, .game-desc-r
	{
		padding-bottom:3rem;
	}

	.game-img-container:hover .game-img
	{
		transform:scale(0.98);
	}
	
	.game-img-container-r:hover .game-img-r
	{
		transform:scale(0.98);
	}

	.game-link-text:hover, .game-link-text-r:hover
	{
		opacity:0.85;
	}
	
}

@media screen and (max-width: 1024px) {

	#mobile
	{
		width:90%;
	}
	
	#pc
	{
		width:90%;
	}

	.game-listing-container, .game-listing-container-r
	{
		display:flex; 
		flex-wrap:wrap;
	}

	.game-listing
	{
		 width:90%; 
		 margin:auto; 
	}
	
	.game-img-container, .game-img-container-r
	{
		width:90%;
		flex:100%; 
		padding:0;
	}
	
	.game-img, .game-img-r
	{
		width:100%; 
		border-radius:25px 25px 0 0;
	}
	
	.game-desc-and-link
	{
		display:flex; 
		flex-direction:column; 
		flex:100%;
	}
	
	.game-desc, .game-desc-r
	{
		border-radius:0;
		font-size:1.2rem;
		text-align:center;
		padding-top:0;
	}
	
	.game-link, .game-link-r
	{
		margin:0;
	}
	
	.game-link-text, .game-link-text-r
	{
		border:none;
		font-size:1.2rem; 
		margin-top:0.3rem;
		padding:2rem 0;
		width:100%;
	}
	
}