</h1>
    <section class="layout-wrapper">
      <div id="recommendations"></div>
    </section> -->

  </main>


  <div id="popup" class="popup">
    <div class="popup-content">
      <span class="close-btn" id="close-popup">&times;</span>
      <i class="fa-solid fa-triangle-exclamation"></i>
      <p>Due to some issue, the API data cannot be fetched. Try:</p>
      <ul>
        <li>Refreshing the page.</li>
        <li>Restarting the internet.</li>
        <li>Or, turn on the VPN connection.</li>
      <