updated styles

css/card.css

@@ -9,11 +9,6 @@
     border-radius: 10px;
 }
 
-.cardicon:hover {
-    box-shadow: white 0 0 30px;
-    transform: translateY(-2px);
-}
-
 .cardicon>img {
     width: 100%;
     height: 100%;
@@ -33,18 +28,6 @@
     z-index: 10;
 }
 
-.card:hover {
-    width: 300px;
-    height: 300px;
-}
-
-.card:hover>.cardicon {
-    top: 30px;
-    right: 30px;
-    width: 150px;
-    height: 150px;
-}
-
 .card>.text>.mail {
     position: relative;
     font-size: 17px;
@@ -83,14 +66,6 @@
     transition: 0.3s;
 }
 
-.card>.text>.username:hover::after {
-    width: 50%;
-}
-
-.card>.text>.mail:hover::after {
-    width: 100%;
-}
-
 .card>.text {
     opacity: 0;
     position: absolute;
@@ -99,6 +74,33 @@
     transition: 0.3s;
 }
 
-.card:hover>.text {
-    opacity: 1;
-}
+@media (hover: hover) {
+    .cardicon:hover {
+        box-shadow: white 0 0 30px;
+        transform: translateY(-2px);
+    }
+
+    .card:hover {
+        width: 300px;
+        height: 300px;
+    }
+
+    .card:hover>.cardicon {
+        top: 30px;
+        right: 30px;
+        width: 150px;
+        height: 150px;
+    }
+
+    .card>.text>.username:hover::after {
+        width: 50%;
+    }
+
+    .card>.text>.mail:hover::after {
+        width: 100%;
+    }
+
+    .card:hover>.text {
+        opacity: 1;
+    }
+}