@charset "utf-8";

@import url("general.css");

.ih {
	background-color: #0C0C0C;
	margin: 0;
	padding: 48px 0;
}

#games, #mods {
	margin: 0;
	display: inline-block; /* it gets mad if i dont do this 👍 */
	width: 100%;
}

#ghead, #mhead {
	margin: 0;
}

#ghead .bgheadfx, #mhead .bgheadfx {
	padding: 4rem 0;
}

.gamesl, .gamesr, .modsl, .modsr {
	width: 50%;
	height: 36rem;
	margin: 0;
}

.gamesl, .gamesr {
	height: 36rem;
}

.modsl, .modsr {
	height: 48rem;
}

.gamesl, .modsl {
	float: left;
	img {
		height: 128px;
	}
}

.gamesr, .modsr {
	float: right;
}

.gamesl, .modsr {
	background-color: #181818;
}

.gamesr, .modsl {
	background-color: #101010;
}

.psidel, .psidei {
	margin: 0 auto;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

#games .psidei {
	width: 480px;
}

#mods .psidei {
	width: 768px;
}

.joinnow {
	margin: 4rem 0;
}