Merge pull request 'Update text align with buttons (flex). Updated disabled button color.' (#21) from update-1 into main

Reviewed-on: #21

src/app/page.tsx

@@ -155,7 +155,12 @@ export default function Home() {
           {"The Cove (WKC Communities)"}
         </Heading>
 
-        <HStack gap="6" wrap="wrap" justifyContent="center">
+        <HStack
+          gap="6"
+          wrap="wrap"
+          justifyContent="center"
+          alignItems="flex-start"
+        >
           <Link
             target="_blank"
             color={colorScheme.buttonText}
@@ -192,7 +197,8 @@ export default function Home() {
               <Button
                 _hover={{ cursor: "disabled" }}
                 variant="solid"
-                bgColor={colorScheme.button}
+                bgColor="cyan.600"
+                // bgColor={colorScheme.button}
                 fontSize="xl"
               >
                 {"Discord Alternative"}