body{
	background: #DFFCC5;
	
	}
	#title {
	background: #A9D481;
	color: #6F8A54;
	font-family: Verdana;
	padding: 20px;
	margin: 20px;
	}
	#projectTitle{
	background: #A9D481;
	color: #6F8A54;
	font-family: Verdana;
	padding: 10px;
	margin: 20px;
	text-align: center;
	}
	#paras {
	color: #6F8A54;
	font-family: Yu Gothic; 
	}
	.container{
	display: grid;
	grid-template-columns:1fr 3fr 2fr;
	grid-template-rows: auto auto;
	padding: 10px;
	gap: 20px;
	margin: 20px;
	}
	.item3{
	grid-column: 1;
	grid-row: 1;
	}
	.item1{
	grid-column: 2;
	grid-row: 1;
	margin-right: 25px;
	}
	.item2{
	grid-column: 3;
	grid-row: 1;
	}
	.menu{
	font-family: Verdana;
	font-size: 20px;	
	}
	.menu a {
	background-color: #A9D481;
	padding:5px;
	margin-top:5px;
	display:block;
	width:100%;
	color: #6F8A54;
	}
	.apClasses{
	font-size: 18px;
	color: #6F8A54;
	font-family: verdana;
	}
	.projectContainer{
	display: grid;
	grid-template-columns:1fr 1fr 1fr 1fr;
	grid-template-rows: auto auto auto auto;
	padding: 10px;
	gap: 20px;
	margin: 20px;
	}
	.project1{
	grid-column: 1;
	grid-row: 1;
	text-align: center;
	}
	.project2{
	grid-column: 2;
	grid-row: 1;
	text-align: center;
	}
	.project3{
	grid-column: 3;
	grid-row: 1;
	text-align: center;
	}
	.project4{
	grid-column: 4;
	grid-row: 1;
	text-align: center;
	}
	.projectButton{
	font-family: Verdana;
	font-size: 15px;
	}
	.projectButton a{
	background-color: #A9D481;
	padding:5px;
	margin-top:5px;
	display:block;
	width:100%;
	color: #6F8A54;
	}
	.description{
	font-size: 18px;
	color: #6F8A54;
	font-family: verdana;
	margin: 10px;
	margin-left: 20px;
	margin-right: 20px;
	}
	.whatIsGita{
	font-size: 15px;
	color: #6F8A54;
	font-family: verdana;
	}