h1, .logo{
    background-color:  #0A2240;
}

.logo{
    width: 100px;
     
}

.etownLogo{
  margin-right: 413px;

}

.home{
  margin-left: 0%;
}


ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #0A2240;
  height: 60px; /* Reduced height */
  display: flex;
  align-items: center; /* Center vertically */
  width: 100%;
  margin-left: auto; /* Align to the right */
  z-index: 9998;
}

li {
  float: left;
  font-size: 36px;
}

li a {
  display: flex; /* Allow vertical centering */
  align-items: center; /* Center vertically */
  color: white;
  text-align: center;
  padding: 0 10px;
  text-decoration: none;
  height: 100%; /* Full height of the container */
}

.etownLogo a {
  padding: 0 20px; /* Adjust padding */
}

.etownLogo a:hover{
  background-color: #0A2240;
}

li a:hover {
  background-color: #3DB5E6;
  text-decoration: underline;
  text-decoration-color: black;
  color: black;
  text-underline-offset: 0.1em;
}

li {
  border-right: 2px solid #3DB5E6;
  height: 50px;
}

li:last-child {
  border-right: none;
}
li:first-child {
  border-right: none;

}

body {
   margin: 0;
}