마우스 올리면 발생하는 이벤트 효과

<div class="navbar">
    <a href="#" class="nav-item">Gmail</a>
    <a href="#" class="nav-item">Images</a>
    <i class="fa-solid fa-bars"></i>
</div>

.nav-item:hover {
      text-decoration: underline;
}