【CSS】ナビゲーションメニューを作りたい。フッターメニューも一緒に。

<div class="heder1_start">
  <div class="container">
    <div class="header1_wrap">
    <div>
      <p class="header1_logo">amauga</p>
    </div>
        <ul class="header1_ul">
          <li>今まで歩いたルート</li>
          <li>ポートフォリオ</li>
          <li>お問い合わせ</li>
        </ul>
    </div>
  </div>
  <div class="naiyo">
  </div>
</div>

.container{
  width:1170px;
  margin:0px auto;
}

.heder1_start{
  background-color:#f39eef ;
  color:#2a594c;
  height: 65px;
  margin-bottom: 100px;
}

.header1_logo{
  font-family:fantasy;
  font-size:35px;
  margin: auto 20px;
}

.header1_wrap{
  display: flex;
  height:65px;
  align-items: center;
}

.header1_ul{
  display:flex;
  font-weight:bold;
}

li{
  margin-right: 20px;
  list-style: none;
}

<header>
  <div class="header_logo">amauga</div>
  <nav>
    <ul>
      <li>今まで歩いたルート</li>
      <li>ポートフォリオ</li>
      <li>お問い合わせ</li>
    </ul>
  </nav>
</header>  

header{
  height:90px;
  background:#a888be;
  color:#fff;
}

header li{
  list-style: none;
  float:left;
  margin:33px 20px;
}

.header_logo{
  float:left;
  font-size:36px;
  margin:33px 40px;
}