header {
  height: 8vh;
  max-width: 100%;
  background-color: white;
  border-bottom: 1px solid #dadee5;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 10%;
}
.logo {
  text-decoration: none;
  color: #003ffe; /*0066ff*/
  font-size: 1.3rem;
  font-weight: 700;
}
.header-right {
  height: 100%;
  width: 29.5%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* gap: 0.8rem; */
}
.home-box, .announcement-box, .feedback-box {
  /* height: 1rem; */
  width: auto;
  padding: 0.5rem 1rem;
  align-items: center;
  border: 0.5px solid transparent;
  display: flex;
  gap: 0.3rem;
}
.home-box:hover, .announcement-box:hover, .feedback-box:hover {
  background-color: #f1f4f9;
  border-radius: 0.5rem;
  /* background-color: rgb(124, 124, 124); */
}
.header-right a {
  text-decoration: none;
  cursor: pointer;
  color: #3d3e3e; /* #020817 */
  font-size: 0.9rem;
  font-weight: 500;
  /* color: white; */
}
.home-box i, .announcement-box i, .feedback-box i {
  font-size: 1rem;
}