Alinhar conteúdo do menu ao centro

Alinhar conteúdo do menu ao centro

HTML

<div class="container">
 <div id="menu">
  <ul>
    <li><a href="">Início</a></li>
    <li><a href="">Link 1</a></li>
    <li><a href="">Link 2</a></li>
    <li><a href="">Link 3</a></li>
    <li><a href="">Sobre</a></li>
  </ul>
 </div>
</div>

CSS

body {
    margin: 0;
    padding: 0;
    font-family: Verdana;
}
.container {position: fixed; top: 0; width: 80%;}
.container ul {font-size: 15px; text-align:center; }
.container ul li {display: inline; }
.container ul li a {margin: 0 auto;}
#menu{position:fixed;z-index:10;width:100%;background:blue;text-align:center;}
#menu ul li a:hover{transition:0.2s ease-in-out;background:lightblue; color: black;}
#menu ul li a{text-decoration:none;color:white;padding:175px 30px;transition:0.15s ease-out;}