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 {
+@media (hover: hover) {
-    opacity: 1;
+    .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;
+    }
+}

css/header.css

@@ -21,12 +21,6 @@
     transition: 0.3s;
 }
 
-.usericon:hover {
-    border-radius: 10px;
-    transform: translateY(-10px);
-    box-shadow: white 0 0 30px;
-}
-
 .usericon > img {
     width: 100%;
     height: 100%;
@@ -47,12 +41,20 @@
     transition: 0.3s;
 }
 
-.time:hover {
-    text-shadow: white 0 0 20px;
-}
-
 @media screen and (max-width: 500px) {
     .header {
         flex-direction: column;
     }
 }
+
+@media (hover: hover) {
+    .usericon:hover {
+        border-radius: 10px;
+        transform: translateY(-10px);
+        box-shadow: white 0 0 30px;
+    }
+
+    .time:hover {
+        text-shadow: white 0 0 20px;
+    }
+}

css/icons.css

@@ -22,12 +22,6 @@
     transition: 0.3s;
 }
 
-.icon:hover {
-    border-radius: 10px;
-    transform: translateY(-10px);
-    box-shadow: white 0 0 30px;
-}
-
 .icon > a {
     width: 100%;
     height: 100%;
@@ -43,3 +37,11 @@
         width: 90%;
     }
 }
+
+@media (hover: hover) {
+    .icon:hover {
+        border-radius: 10px;
+        transform: translateY(-10px);
+        box-shadow: white 0 0 30px;
+    }
+}

css/search.css

@@ -26,13 +26,15 @@
     transition: 0.3s;
 }
 
-#search-in-google:hover {
-    box-shadow: white 0 0 20px;
-}
-
 @media screen and (max-width: 500px) {
     #search-in-google {
         max-width: 200px;
         font-size: 12px;
     }
 }
+
+@media (hover: hover) {
+    #search-in-google:hover {
+        box-shadow: white 0 0 20px;
+    }
+}