change colors

src/ArticleCard.tsx

@@ -4,13 +4,16 @@ import globe from './assets/globe.png'
 
 const useStyles = createStyles((theme) => ({
   card: {
-    backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white,
+    backgroundColor: theme.white,
   },
 
   title: {
     fontWeight: 700,
     fontFamily: `Greycliff CF, ${theme.fontFamily}`,
     lineHeight: 1.2,
+    '&:hover': {
+      color: '#eb7b1a'
+    }
   },
 
   body: {
@@ -20,7 +23,7 @@ const useStyles = createStyles((theme) => ({
   address: {
     "&:hover": {
       cursor: "pointer",
-      filter: "invert(54%) sepia(72%) saturate(4528%) hue-rotate(164deg) brightness(98%) contrast(101%)"
+      filter: 'brightness(0) saturate(100%) invert(50%) sepia(92%) saturate(1223%) hue-rotate(352deg) brightness(97%) contrast(91%)'
     }
   }
 }));