jimmy89Li

<!-- 32x32 favicon.ico file for legacy browsers. -->
<link rel="icon" href="/favicon.ico">

<!-- A single SVG icon with light/dark version for modern browsers. -->
<link rel="icon" href="/icon.svg" type="image/svg+xml">

<!-- 180×180 PNG image for Apple devices. -->
<link rel="apple-touch-icon" href="/apple-touch-icon.png">

<!-- Web app manifest with 192×192 and 512×512 PNG icons for Android devices. -->

jimmy89Li

<button class="ham-button flex flex-row items-center">
  <div class="ham-icon relative grid place-content-center w-6 h-5">
    <div 
      class="w-6 h-0.5 bg-black 
      before:content-[''] before:absolute before:w-6 before:h-0.5 before:bg-black before:top-0.5 before:left-0 
      after:content-[''] after:absolute after:w-6 after:h-0.5 after:bg-black after:bottom-0.5 after:left-0 
      [.active_&]:w-0 [.active_&]:before:rotate-45 [.active_&]:before:top-[9px] [.active_&]:after:-rotate-45 [.active_&]:after:bottom-[9px] 
      transition-all duration-300 before:duration-500 after:duration-500"
    ></div>
  </div>