adjust mobile animation all .3s

1 files changed, 24 insertions, 7 deletions

diff --git a/src/css/style.css b/src/css/style.css
index cd9a6abe..b398872a 100644
--- a/src/css/style.css
+++ b/src/css/style.css
@@ -30,8 +30,8 @@
 }
 
 @font-face {
-font-family: audiowide;
-src: url(/fonts/audiowide.ttf);
+    font-family: audiowide;
+    src: url(/fonts/audiowide.ttf);
 }
 /* page setup ============================================= */
 
@@ -46,6 +46,12 @@ src: url(/fonts/audiowide.ttf);
     /* transition: all 0.3s; */
 }
 
+@media (pointer:none), (pointer:coarse) {
+    * {
+        transition: all .3s;
+    }
+}
+
 body {
     top: 0;
     left: 0;
@@ -53,7 +59,7 @@ body {
 }
 
 body::-webkit-scrollbar {
-display: none;
+    display: none;
 }
 
 /* animation ============================================== */
@@ -152,6 +158,17 @@ to {
     }
 }
 
+@keyframes scroll {
+    from {
+        opacity: 0.8;
+        scale: 0.75;
+    }
+    to {
+        opacity: 1;
+        scale: 1;
+    }
+}
+
 /* animation: name duration timing-function delay iteration-count direction fill-mode; */
 
 
@@ -357,10 +374,10 @@ section {
 }
 
 .wrapper {
-height: 100vh;
-overflow-y: auto;
-overflow-x: hidden;
-perspective: 10px;
+    height: 100vh;
+    overflow-y: auto;
+    overflow-x: hidden;
+    perspective: 10px;
 }
 
 a:hover {