Accessibility and SEO best practices changes

src/components/Header.js

@@ -20,18 +20,18 @@ class Header extends Component {
               <div className="max-w-xs mr-8">
                 <img
                   src={LogoSaburlyWhite}
-                  className="saburly-logo"
+                  className="saburly-logo saburly-transition"
                   alt="Saburly Logo"
                 />
               </div>
             </Link>
 
-            <div className="side-toggle">
-              <button className="menu_icon visible lg:invisible">
+            <div className="side-toggle saburly-transition">
+              <div className="menu_icon visible lg:invisible">
                 <span className="menu_bar-top" />
                 <span className="menu_bar-mid" />
                 <span className="menu_bar-bot" />
-              </button>
+              </div>
             </div>
 
             <div className="hidden lg:visible w-full block flex-grow lg:flex lg:items-right lg:w-auto justify-end lg:flex-grow">