updates

3 files changed, 36 insertions, 31 deletions

diff --git a/src/css/about.css b/src/css/about.css
index 30f2116b..08f5b391 100644
--- a/src/css/about.css
+++ b/src/css/about.css
@@ -2,6 +2,17 @@ img {
     align-items: center;
     align-self: center;
     align-content: center;
+	border-radius: 10%;
+	transition: all 0.3s;
+	opacity: 0.75;
+    -webkit-backdrop-filter: blur(64px) saturate(1.6);
+    backdrop-filter: blur(64px) saturate(1.6);
+}
+
+img:hover {
+	border-radius: 0;
+	transition: all 0.3s;
+	opacity: 1;
 }
 
 strong {
@@ -32,7 +43,7 @@ body {
 	display: flex;
 	overflow: hidden;
 	align-items: center;
-    margin: 0;
+    margin-right: 16px;
 	justify-content: center;
 	margin-top: 4em;
 	/* background-color: #f1f1f1; */
@@ -45,6 +56,7 @@ body {
 .right {
 	/* flex: 1; */
     display: flex;
+	margin-left: 16px;
     height: 100%;
 }
 
@@ -72,8 +84,3 @@ body {
     font-size: 10vw;
     text-align: center;
 }
-
-.background {
-    width: 100%;
-    height: 100vh;
-}
diff --git a/src/css/ghrepo.css b/src/css/ghrepo.css
index c737dd9c..928cdad7 100644
--- a/src/css/ghrepo.css
+++ b/src/css/ghrepo.css
@@ -128,11 +128,6 @@ a {
     transition: all 0.5s
 }
 
-.github-img {
-    width: 45px;
-    margin-right: 8px;
-}
-
 ul {
     list-style: none;
     padding: 0;
@@ -169,6 +164,9 @@ ul {
     box-shadow: 0 0px 6px var(--accent), 0 0px 6px var(--accent);
     max-width: 100%;
     height: auto;
+    opacity: 0.85;
+    -webkit-backdrop-filter: blur(64px) saturate(1.6);
+    backdrop-filter: blur(64px) saturate(1.6);
     box-shadow: 0 0 10mm rgba(0,0,0,.7);
     border-radius: 100%;
     transition: transform 0.3s, border-radius 0.5s;
@@ -236,8 +234,8 @@ input:hover,
 .filter-repos:hover {
     /* background: rgba(10, 10, 15, 0.5); */
     transition: all 0.5s;
-    -webkit-backdrop-filter: blur(50px);
-    backdrop-filter: blur(50px);
+    -webkit-backdrop-filter: blur(64px) saturate(1.6);
+    backdrop-filter: blur(64px) saturate(1.6);
     box-shadow: 0 0 50mm rgba(0,0,0,.7);
     transform: scale(1.1);
     transition: all 0.5s;
@@ -248,8 +246,8 @@ input:active,
     /* background: #F4E8C1; */
     box-shadow: 0 0 10mm rgba(0,0,0,.7);
     /* background: rgba(244, 232, 193, 0.3); */
-    -webkit-backdrop-filter: blur(200px);
-    backdrop-filter: blur(200px);
+    -webkit-backdrop-filter: blur(256px) saturate(1.6);
+    backdrop-filter: blur(256px) saturate(1.6);
 }
 
 .repo > * {
@@ -317,8 +315,8 @@ input:active,
     padding: 1em;
     text-align: center;
     background: transparent;
-    -webkit-backdrop-filter: blur(200px);
-    backdrop-filter: blur(200px);
+    -webkit-backdrop-filter: blur(256px) saturate(1.6);
+    backdrop-filter: blur(256px) saturate(1.6);
     -webkit-transition: all 0.5s;
     transition: all 0.5s;
     scroll-snap-align: center;
@@ -334,8 +332,8 @@ input:active,
     /* box-shadow: 0 3px 6px var(--accent), 0 3px 6px var(--accent); */
     box-shadow: 0 0 50mm var(--box-shadow);
     /* background: rgba(0, 0, 0, 0.1); */
-    -webkit-backdrop-filter: blur(125px);
-    backdrop-filter: blur(125px);
+    -webkit-backdrop-filter: blur(128px) saturate(1.6);
+    backdrop-filter: blur(128px) saturate(1.6);
     border-radius: 10px;
     transform: scale(1.05);
     transition: background 0.5s, transform 1s, boarder 1.5s, all 0.3s
@@ -343,8 +341,8 @@ input:active,
 
 .repo-list:hover:has(li:hover) li:not(:hover,.hide) {
     background: rgba(0, 0, 0, 0.3);
-    -webkit-backdrop-filter: blur(80px);
-    backdrop-filter: blur(80px);
+    -webkit-backdrop-filter: blur(128px) saturate(1.6);
+    backdrop-filter: blur(128px) saturate(1.6);
     transform: scale(0.95);
     animation-duration: 0.5s;
     transition: background 0.5s, transform 1s, all 0.3s;
@@ -381,8 +379,8 @@ input:active,
 
 .intro:hover,
 .user-info:hover {
-    -webkit-backdrop-filter: blur(125px);
-    backdrop-filter: blur(125px);
+    -webkit-backdrop-filter: blur(128px) saturate(1.6);
+    backdrop-filter: blur(128px) saturate(1.6);
     /* transform: scale(1.1); */
 }
 
@@ -395,8 +393,8 @@ input:active,
 .user-info {
     /* background: transparent; */
     /* background: rgba(128, 128, 128, 0.2); */
-    -webkit-backdrop-filter: blur(100px);
-    backdrop-filter: blur(100px);
+    -webkit-backdrop-filter: blur(128px) saturate(1.6);
+    backdrop-filter: blur(128px) saturate(1.6);
     /* box-shadow: 0 0 10mm rgba(0,0,0,.7); */
     border: 2px solid #fff
 }
@@ -406,8 +404,8 @@ input:active,
 }
 
 .repo {
-    -webkit-backdrop-filter: blur(200px);
-    backdrop-filter: blur(200px);
+    -webkit-backdrop-filter: blur(256px) saturate(1.6);
+    backdrop-filter: blur(256px) saturate(1.6);
     box-shadow: 0 0 10mm rgba(0,0,0,.7);
     overflow: auto;
     overflow-x: hidden;
diff --git a/src/css/index.css b/src/css/index.css
index 546a26f4..b7f09374 100644
--- a/src/css/index.css
+++ b/src/css/index.css
@@ -47,8 +47,8 @@
     justify-content: center;
     align-items: center;
     z-index: 999;
-    -webkit-backdrop-filter: blur(1024px);
-    backdrop-filter: blur(1024px);
+    -webkit-backdrop-filter: blur(1024px) saturate(1.6);
+    backdrop-filter: blur(1024px) saturate(1.6);
     box-shadow: 0 0 100px rgba(5,1,13,.4);
 }
 
@@ -83,8 +83,8 @@
     height: 100%;
     border: 1px solid rgba(255,255,255,1);
     border-radius: 1em;
-    -webkit-backdrop-filter: blur(16px);
-    backdrop-filter: blur(16px);
+    -webkit-backdrop-filter: blur(16px) saturate(1.6);
+    backdrop-filter: blur(16px) saturate(1.6);
     /* box-shadow: 0 0 10mm rgba(0,0,0,1); */
     display: flex;
     justify-content: center;