@charset "UTF-8";
/* CSS Document */
.content-wrapleft {
	float:left;
	margin-bottom: 200px;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	padding: 15px 32px;
}
.text {
	color: white;
	text-decoration: none;
}
.content-right {
	background: #D9E9B8;
	padding: 15px 32px;
		margin-top: 130px;
	margin-left: auto
	margin-left: auto;
	width: 900px;
}

.navbar {
  
  position: fixed;
  top: 0;
  width: 100%; /* Ensures the navbar stretches across the top */
  background-color: yellow;
  padding: 32px;
  /*box-sizing: border-box; /* Ensures padding doesn’t affect width */
	border: none; 
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
	/*from zanes original code
  z-index: 1000; /* Keeps navbar on top of other content */
  /*display: flex; /* Use flexbox */
  /*justify-content: flex-start; /* Aligns the text to the left */
  /*align-items: center; /* Vertically centers the links */
}

/* Style for navbar links */
.navbar a {
  color: white;
  font-size: 24px;
  text-decoration: none;
  margin-right: 15px;
}

.navbar a:hover {
  color: teal; /* Optional hover effect */
}


body {
display: flex;
	width: 1000px;
	justify-content: left;
	align-items: center;
	min-height: 100vh;
	background: #8CE1E5;
	text-decoration: none;
}