.wrapper {
		display: grid;
		grid-template-columns: 05% 60% 35% 15%;
		grid-template-areas: 
			"nv nv nv nv"
			"hd	. . ."
			"mn	. pb pb"
			". . ft ft";
	
	}

	
	body {
		background: #454545;
	}
	html {
  		font-size: 15px;
		font-family: 'Arial' fantasy
       
	}
	.nav {
		grid-area:  nv;
		background:		background: #3C3C3B;
;
		height: 50px;
	}
	.nav a {
		color:#E6BA2A;
		margin-left: 40px;
		line-height: 50px;
		text-align: center;
		text-decoration: none
	}
	.nav a:hover {
		background:pink;
	}
	.header {
		grid-area: hd;
		background: #3C3C3B;
		margin-bottom: 20px;
	}
	.content {
		grid-area: mn;
        text-decoration-color: #E6BA2A
	}
	.footer {
		grid-area: ft;
		background: #3C3C3B;
		color: skyblue;
		padding-left: 40px;
		padding-top: 20px;
		height: 100px;
	}
	.right {
		grid-area: pb;
		margin-left: 20px;
	}
	.add {
		background: #FFFFFF;
		padding: 20px;
		margin-bottom: 20px;
	}