CSS

nav bar without display:flex

nav {
  display: inline-block;
  text-decoration: none;
  text-align: end;
  width: 100%;
  white-space: nowrap;
}
header {
  background-color: rgb(120, 14, 100);
  box-shadow: none;
  border: 1px none rgb(0, 0, 0);
  opacity: 0.9;
  display: block;
  position: relative;
  padding: 20px;
}
header h1 {
  position: absolute;
  top: 50%;
  left: 30px;
  transform: translate(0%, -50%);
  color: white;
}

ul {
  list-style: none;
  display: inline-block;
  text-align: right;
  /* background-color: blue; */
  margin: auto;
  color: white;
}
li {
  display: inline-block;
  padding: 20px;}