header ul {
  /*border: 2px solid #FF0000;  /* Красная рамка */
  margin-right: 3%;/**/
  margin-left: 3%;/**/
  margin-top: auto; /* прижмет ul вниз */
  padding-left: 0px;
  display: flex;
  gap: 20px;
  list-style: none; /* Убрали точки */
  flex-wrap: wrap; /* свойство, указывающее правило переноса элементов при изменении ширины окна*/
  justify-content: center; /* Сдвигает все элементы в центр списка */
}

header ul li {
  border: 2px solid blue  ;  /* Красная рамка */
  padding: 10px;/**/
  border-radius: 10px;/**/
  background: #00023c;
}

header ul li:hover {
  /*font-weight: bold; /* По желанию: сделать текст жирным */
  background: #0d13c8;
}

header ul a {
    text-decoration: none;
}