body{
	color: #222222;
	
	font-family: "Fira Sans", sans-serif;

}

	/* ---- set up site grid ---- */
	
	.wrapper {
		display: grid;
		grid-template-columns: 400px;
		grid-template-rows: auto;
		grid-template-areas:
			"header header"
			"nav nav"
			"main aside"
			"footer footer";
		grid-gap: 5px;
	}
	
	header {
		grid-area: header;
		background-color: #f1cf09; /* yellow bg colour */
		color: #222222
	}
	
	nav {
		grid-area: nav;
	}
	
	main {
		grid-area: main;
	}
	
	aside {
		grid-area: aside;
	}
	
	footer {
		grid-area: footer;
	}
	
	
	/* ---- general formatting here ---- */
	

.box {
	padding: 20px;
	border-radius: 10px;
}




h1, h2, h3 {
	font-family: "Outfit", sans-serif;
	}