<html>
<head>
<title> "Portfolio" </title>

<html lang="en">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<style>
  body {
  font-family: sans-serif;
  background-color: black;
}


  a:link {
  color: lightblue;
}
  a:visited {
  color: violet;
}
	h2 {
	color:white;
	text-align:center;
	}
	h3 {
		color:white;
		text-align:center;
	}
	p {
		color:white;
		font-family:courier;
	}
.container {
	display: grid;
	grid-template-areas:
		"header header"
		"nav body";
	gap: 5px;
	grid-template-columns: 175px 4fr;
	grid-template-rows: 120px 4fr;
	background-color: black;
	padding: 20px;
}
.container div {
	background-color: black;
	padding: 20px;
	font-size: 20px;
}
.container .header {
	grid-area: header;
	text-align: center;
	border: 3px solid white;
}
.container .nav {
	grid-area: nav;
	text-align: center;
	border: 3px solid white;
}
.container .body {
	grid-area: body;
	text-align: left;
	border: 3px solid white;
}
</style>

</head>
</html>



