.grid-container {
	display: grid;
	grid-gap: 0px;
	grid-template-columns: 60% 40%;
	background-color: #2196F3;
	padding: 0px;
}
.grid-item1 {
	background-color: rgba(255, 255, 255, 0.8);
	border: 1px solid rgba(0, 0, 0, 0.8);
	padding: 20px;
	font-size: 40px;
	text-align: left;
}
.grid-item2 {
	background-color: rgba(255, 255, 255, 0.8);
	border: 1px solid rgba(0, 0, 0, 0.8);
	padding: 20px;
	font-size: 40px;
	text-align: right;
}
.grid-item-bold {
	background-color: rgba(255, 255, 255, 0.8);
	border: 1px solid rgba(0, 0, 0, 0.8);
	padding: 20px;
	font-weight: bold;
	font-size: 40px;
	text-align: left;
}
.grid-item-blue1 {
	background-color: rgba(255, 255, 255, 0.8);
	border: 1px solid rgba(0, 0, 0, 0.8);
	padding: 20px;
	color: #0000FF;
	font-weight: bold;
	font-size: 40px;
	text-align: left;
}
.grid-item-blue2 {
	background-color: rgba(255, 255, 255, 0.8);
	border: 1px solid rgba(0, 0, 0, 0.8);
	padding: 20px;
	color: #0000FF;
	font-weight: bold;
	font-size: 40px;
	text-align: right;
}
.grid-item-maroon1 {
	background-color: rgba(255, 255, 255, 0.8);
	border: 1px solid rgba(0, 0, 0, 0.8);
	padding: 20px;
	color: #800000;
	font-weight: bold;
	font-size: 40px;
	text-align: left;
}
.grid-item-maroon2 {
	background-color: rgba(255, 255, 255, 0.8);
	border: 1px solid rgba(0, 0, 0, 0.8);
	padding: 20px;
	color: #800000;
	font-weight: bold;
	font-size: 40px;
	text-align: right;
}