       </nav>
        <div class="icons">
            <i class="fas fa-search" id="search-btn"></i>
            <i class="fas fa-user" id="login-btn"></i>
        </div>
        <form action="" class="search-bar-container">
            <input type="search" id="search-bar" placeholder="search here....">
            <label for="search-bar" class="fas fa-search" ></label>
        </form>
    </header>
<!-- Header section ends -->

<!-- login form container -->
<div class="login-form-container">

    <i class="