کار نکردن align-items

سلام دوستان میشه راهنمایی کنید چرا align-items در حالت center برای من کار نمیکنه

کد html

<nav>  
<div class="nav">

    <ul class="nav-link">
      <li class="nav-item">خانه</li>
      <li class="nav-item">محصولات</li>
      <li class="nav-item">مشتری</li>
      <li class="nav-item">مقالات</li>
      <li class="nav-item">آموزش ها</li>
    </ul> 
    </div>
    <div class="log-in">
      <i class="fa fa-sign-in" style="font-size:50px"></i>
    </div>

&lt;/nav&gt;

کد css

.nav {  
background-color: #f0f0f0;  
filter: drop-shadow(10px 20px 10px rgb(238, 233, 193 ,.2));  
display: flex;  
}  
.nav > .nav-link {  
display: inherit;  
padding: 30px;  
}  
.nav-item {  
display: inherit;  
margin-right: 30px;  
font-size: large;  
}  
.log-in {  
display: flex;  
margin: auto;  
justify-content:flex-end;  
align-items: center;

}