Removed hover from demo project components

client/src/components/ui/Project/index.tsx

@@ -64,13 +64,13 @@ export default function Project({ project, large, demo }: ProjectProps) {
 
     if (demo) {
         return (
-            <div className={'project ' + (large ? 'large' : '')}>
+            <div className={'project demo' + (large ? ' large' : '')}>
                 { content }
             </div>
         );
     } else {
         return (
-            <Link to={'/projects/' + project.id} className={'project ' + (large ? 'large' : '')}>
+            <Link to={'/projects/' + project.id} className={'project' + (large ? ' large' : '')}>
                 { content }
             </Link>
         );

client/src/components/ui/Project/project.scss

@@ -12,11 +12,12 @@
     height: 160px;
     will-change: transform;
 
-    &:hover,
-    &:focus {
-        color: s.$text;
-        box-shadow: 0 0 35px rgba(s.$black, 0.1);
-        transform: translateY(-5px);
+    &:not(.demo)  {
+        &:hover,
+        &:focus {
+            box-shadow: 0 0 35px rgba(s.$black, 0.1);
+            transform: translateY(-5px);
+        }
     }
 
     .circular-progress {