body {
  font-family: Arial, Helvetica, sans-serif;
}

.cust1 { 	grid-area: cust-head;
				display: flex;
				align-items: center;
				justify-content: center;
				text-align: center;
				background-color: #6D2979;
				color:#ffde17;}

.cust2 { 	grid-area: cust-left;

				align-items: center;
				justify-content: center;
				text-align: center;
				width: 75%;
				background-color: #D9C6DD;}
				
.cust3 { grid-area: cust-right;
				align-items: center;
				justify-content: center;
				text-align: center;}
				
.cust4 { grid-area: cust-foot;
				align-items: center;
				justify-content: center;
				text-align: center;
				background-color: #6D2979;
				display: flex;
				color:#ffde17;}
				
.cust4 a {
  text-decoration: none;
  display: block;
  padding: 1em;
  color: #ffde17;
}

.cust4 a:hover {
  background: #ffde17;
  color: #000000;
}


.cust-grid {
  display: grid;
  margin: 0;
  grid-template-areas:
	'cust-head cust-head cust-head cust-head'
    'cust-left cust-left cust-left cust-right'
	'cust-left cust-left cust-left cust-right'
	'cust-left cust-left cust-left cust-right'
	'cust-left cust-left cust-left cust-right'
	'cust-left cust-left cust-left cust-right'
	'cust-foot cust-foot cust-foot cust-foot';
  grid-gap: 5px;
  padding: 10px;
  height: 100%;
  background-color: #D9C6DD;
}

.cust-grid > div {
  border-width:2px;
  justify-content: center;
  text-align: center;
  align-items: center;
}


.cust_nav {

  list-style: none;
  margin: 0; 
  background: #D9C6DD;
  align-items: center;
}

.cust_nav a {
  text-decoration: none;
  display: block;
  padding: 1em;
  color: #6D2979;
}

.cust_nav a:hover {
  background: #ffde17;
}