From bd183bf8327e0bb572041adb468e97be65547125 Mon Sep 17 00:00:00 2001
From: Luke Else <mail@luke-else.co.uk>
Date: Fri, 22 Apr 2022 21:24:37 +0100
Subject: [PATCH] Added Mobile Hover to card

---
 style.css | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/style.css b/style.css
index 93192fb..ae02572 100644
--- a/style.css
+++ b/style.css
@@ -83,11 +83,14 @@
   .card-back:after {
     color: #11181f;
   }
-  .card:hover .card-front {
-    transform: rotateX(-180deg);
-  }
-  .card:hover .card-back {
-    transform: rotateX(0deg);
+  
+  @media(hover: hover) and (pointer: fine) {
+    .card:hover .card-front {
+      transform: rotateX(-180deg);
+    }
+    .card:hover .card-back {
+      transform: rotateX(0deg);
+    }
   }
   .card .line-numbers {
     position: absolute;