.main-container {
	height: 1px;
	flex: 1;
	/* background: #ccc4; */
	display: grid;
	grid-template-columns: 626px 576px 580px 626px 626px 450px 626px;
	grid-template-rows: 600px 306px;
	gap: 20px;
	grid-template-areas:
		'left    main    main    main    main    main    right' 
		'left    bottom1 bottom2 bottom3 bottom4 bottom5 right';
	place-content: end center;
	margin-bottom: 20px;
}

.main-center {
	grid-area: main;
	background: #0f93;
}

.left {
	grid-area: left;
}

.bottom-1 {
	grid-area: bottom1;
}

.bottom-2 {
	grid-area: bottom2;
}

.bottom-3 {
	grid-area: bottom3;
}

.bottom-4 {
	grid-area: bottom4;
}

.bottom-5 {
	grid-area: bottom5;
}

.right {
	grid-area: right;
}