<!-- <div class="rounded-lg shadow bg-base-200 drawer drawer-mobile h-screen">
  <input id="my-drawer-2" type="checkbox" class="drawer-toggle"> 
  <div class="flex flex-col items-center justify-center drawer-content">
    <label for="my-drawer-2" class="mb-4 btn btn-primary drawer-button lg:hidden">Avaa valikko</label> 
    <div>
        <h1>imap.fi</h1>
        <h2>Mikä?</h2>
    </div>
    <!-- <div class="hidden text-xs text-center lg:block">Menu is always open on desktop size.
      <br>Resize the browser to see toggle button on mobile size
    </div> 
    <div class="text-xs text-center lg:hidden">Menu can be toggled on mobile size.
      <br>Resize the browser to see fixed sidebar on desktop size
    </div> -
  </div> 
  <div class="drawer-side">
    <label for="my-drawer-2" class="drawer-overlay"></label> 
    <ul class="menu p-4 overflow-y-auto w-80 bg-base-100 text-base-content">
      <li>
        <a>Tietoa</a>
      </li> 
      <li>
        <a>Rekisteröidy</a>
      </li> 
      <div class="divider">TAI</div>
      <li>
        <a>Kirjaudu</a>
      </li>
    </ul>
  </div>
</div> -->