move buzzwords link to nav

src/components/Nav.tsx

@@ -16,7 +16,7 @@ interface NavProps {
 
 const Nav = ({ isClient, internalLinks, className }: NavProps) => {
   const { observe, currentBreakpoint } = useDimensions({
-    breakpoints: { XS: 0, LG: 690 },
+    breakpoints: { XS: 0, LG: 750 },
     updateOnBreakpointChange: true,
   });
   const [linksMenu, setLinksMenu] = useState(false);
@@ -84,6 +84,11 @@ const Nav = ({ isClient, internalLinks, className }: NavProps) => {
                   : "bg-black border border-white")
             )}
           >
+            <li>
+              <a className={navClasses} href="https://buzzwords.gg">
+                Buzzwords
+              </a>
+            </li>
             <li>
               <a className={navClasses} href="https://twitter.com/chuckletmilk">
                 Twitter

src/components/index/ActionButtons.tsx

@@ -24,7 +24,7 @@ const ActionButtons = ({
   shuffleImage,
 }: ActionButtonsProps) => (
   <div className="flex flex-col mb-2">
-    <div className="text-muted-light p-2 sm:p-4 m-1 sm:m-4 bg-muted-dark rounded-xl flex flex-col text-center z-10 cool-border-small-light">
+    {/* <div className="text-muted-light p-2 sm:p-4 m-1 sm:m-4 bg-muted-dark rounded-xl flex flex-col text-center z-10 cool-border-small-light">
       <h3 className="sm:mb-2 drop-shadow">Try my word game!</h3>
       <a
         className="rounded-full bg-muted-light hover:bg-vibrant text-muted-dark p-1 sm:p-2"
@@ -32,7 +32,7 @@ const ActionButtons = ({
       >
         Buzzwords
       </a>
-    </div>
+    </div> */}
     <div className="flex sm:mx-6 mb-2 sm:mb-6">
       <Link
         className={getButtonClasses(isClient)}