/*MAIN BLOCK*/
#gridContainer
{
	/*GRID*/
	display: grid;
	grid-template-rows: 25px 10fr 20px;
	grid-template-columns: 1fr 10fr 1fr;
	
	/*BACKGROUND*/
	background: linear-gradient(0deg, rgba(255,165,0,1) 0%, rgba(255,215,0,1) 100%); 
	
	/*DIMENSIONS*/
	width: 100vw;
	height: 100vh;
}

/*LEFT UNUSED COLUMN*/
.left
{
	/*GRID*/
	grid-row: 1/4;
	grid-column: 1/2;
}

/*CENTER COLUMN WITH THE MENU, CONTENT AND FOOTER*/
.center
{
	/*GRID*/
	grid-row: 1/4;
	grid-column: 2/3;
}

/*CENTER COLUMN, TOP ROW - MENU*/
.centerMenu
{
	/*GRID*/
	grid-row: 1/2;
	grid-column: 2/3;
	
	border: 1px dashed red;
}

/*CENTER COLUMN, MIDDLE ROW - CONTENT*/
.centerContent
{
	/*GRID*/
	grid-row: 2/3;
	grid-column: 2/3;
	
	/*VISUAL*/
	padding: 10px;
	
	/*FLEX*/
	display: flex;
	justify-content: center;
	
	align-items:flex-start;
	align-content:flex-start;
}

/*CENTER COLUMN, BOTTOM ROW - FOOTER*/
.centerFooter
{
	/*GRID*/
	grid-row: 3/4;
	grid-column: 2/3;
	
	border: 1px dashed red;
}

/*RIGHT UNUSED COLUMN*/
.right
{
	/*GRID*/
	grid-row: 1/4;
	grid-column: 3/4;
}


/*
ORANGE = #ffa500
*/