html, body
{
	background: url('images/c0pyn1nj4.png') top / auto no-repeat, center black;
	font-size: 13px;
}
.c0pyn1nj4
{
	margin: 0 auto;
	width: 100%;
	padding: 40px;
	text-align: center;
	color: lime;
}
.mmain
{
	background-color: black;
	background: rgba(0, 0, 0, 0.60);
}
.lleft
{
	border: 1px solid lime;
}
.ccenter
{
	border: 1px solid lime;
	margin: 0 3px;
}
.rright
{
	border: 1px solid lime;
}
.grid-container
{
	display: grid;
	grid-template-columns: 200px 300px 200px;
	/* desktop fixed */
	gap: 3px;
	margin: 0 auto;
	justify-content: center;
}
@media (max-width: 768px)
{
	.grid-container
	{
		grid-template-columns: 1fr 1fr;
		/* tablet: 2 columns */
	}
}
@media (max-width: 480px)
{
	.grid-container
	{
		grid-template-columns: 1fr;
		/* mobile: 1 column */
	}
}
.grid-container > div
{
	background: rgba(0, 0, 0, 0.30);
	color: #00FF00;
	padding: 20px;
	text-align: center;
	border: 1px solid lime;
}
a:link, a:hover, a:focus, a:active, a:visited
{
	color: lime;
	text-decoration: none lime;
}