.ulClass  {
	background-color:#BBBBBB;
	color:#D8D8D8;
	font-size: 20px;
	font-family:sans-serif;
	display: flex;
	flex-wrap: wrap;
	margin: auto auto;
	justify-content: space-between;
	padding: 5px 20px;

	align-items: center;
	  }
.liClass  {
	color:#FFFEEE;
	font-size: 15px;
	list-style-type:none;
	display: flex;
	flex-wrap: wrap;
	padding: 5px 20px;
	gap: 1rem;

	  }
.navClass  hover {
	background-color:#456D96;
	  }
.navbar  {
	width:100%;
	height: auto;
	padding: 10px 20px;
	background-color:#383838;
	color:#456D96;
	}
.navbar .container {
	max-width:90%;
	margin: auto auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	height:80px;
	gap: 1rem;

	}
nav (
	display: flex;
	flex-shrink: 1;
	flex-wrap: wrap;
	gap: 1rem;

	)
nav ul (
	display: flex;
	flex-shrink: 1;
	flex-wrap: wrap;
	margin-right: 10px;
	)
nav ul li (
	list-style: none;
	)
nav ul li a(
	color:#FFF;
	text-decoration: none;
	font-size: 15px;
	margin: 10px 20px;
	)