diff --git a/styles.php b/styles.php
index d01c5d0..91e499f 100644
--- a/styles.php
+++ b/styles.php
@@ -134,12 +134,18 @@ a {
     backdrop-filter: blur(4px);
     border-radius: 16px;
     margin: 32px 16px 64px;
+}
+
+.glassint {
+    backdrop-filter: blur(4px);
+    border-radius: 16px;
+    margin: 32px 16px 64px;
     animation-name: glassdiff;
     animation-duration: 0.3s;
 }
 
-.glass:hover {
-    backdrop-filter: blur(0px);
+.glassint:hover {
+    backdrop-filter: blur(2px);
     border-radius: 16px;
     animation-name: glassclear;
     animation-duration: 0.3s;
@@ -147,7 +153,7 @@ a {
 
 @keyframes glassdiff {
     0% {
-        backdrop-filter: blur(0px);
+        backdrop-filter: blur(2px);
     }
     100% {
         backdrop-filter: blur(4px);
@@ -159,7 +165,7 @@ a {
         backdrop-filter: blur(4px);
     }
     100% {
-        backdrop-filter: blur(0px);
+        backdrop-filter: blur(2px);
     }
 }
 
@@ -167,11 +173,17 @@ a {
     box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.2) inset,
     -4px -4px 4px rgba(255, 255, 255, 0.2) inset;
     border: 1px solid rgba(255, 255, 255, 0.2);
+}
+
+.inout {
+    box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.2) inset,
+    -4px -4px 4px rgba(255, 255, 255, 0.2) inset;
+    border: 1px solid rgba(255, 255, 255, 0.2);
     animation-name: pushins;
     animation-duration: 0.3s;
 }
 
-.inset:hover {
+.inout:hover {
     box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.2),
     -4px -4px 4px rgba(255, 255, 255, 0.2);
     animation-name: pullins;