1 files changed, 21 insertions, 12 deletions

diff --git a/src/css/ghrepo.css b/src/css/ghrepo.css
index 6f7a4966..c6ec6e71 100644
--- a/src/css/ghrepo.css
+++ b/src/css/ghrepo.css
@@ -53,7 +53,7 @@ main {
     padding: 0;
     width: 100%;
     height: 100%;
-    background-color: rgb(48, 60, 100);
+    /* background-color: rgb(48, 60, 100); */
     /* background-image: url(/images/heigh-grass.jpg), url(/images/heigh-grass.webp); */
     background-color: #05010d;
     background-position: center;
@@ -213,7 +213,8 @@ ul {
 
 .filter-repos,
 input {
-    background: rgba(10, 10, 15, 0.3);
+    /* background: rgba(10, 10, 15, 0.3); */
+    background: rgba(255, 255, 255, 0.01);
     width: 50%;
     border-radius: 20px;
     min-width: 300px;
@@ -231,8 +232,8 @@ input:hover,
 .filter-repos:hover {
     /* background: rgba(10, 10, 15, 0.5); */
     transition: all 0.5s;
-    -webkit-backdrop-filter: blur(5px);
-    backdrop-filter: blur(5px);
+    -webkit-backdrop-filter: blur(50px);
+    backdrop-filter: blur(50px);
     box-shadow: 0 0 50mm rgba(0,0,0,.7);
     transform: scale(1.1);
     transition: all 0.5s;
@@ -297,8 +298,8 @@ input:active,
     padding: 1em;
     text-align: center;
     background: transparent;
-    -webkit-backdrop-filter: blur(20px);
-    backdrop-filter: blur(20px);
+    -webkit-backdrop-filter: blur(200px);
+    backdrop-filter: blur(200px);
     -webkit-transition: all 0.5s;
     transition: all 0.5s;
     scroll-snap-align: center;
@@ -319,6 +320,13 @@ input:active,
     transition: background 0.5s, transform 1s, boarder 1.5s, all 0.3s
 }
 
+.repo > * {
+    animation-name: scroll;
+    animation-fill-mode: forwards;
+    animation-timing-function: linear;
+    animation-timeline: view();
+}
+
 .repo-list:hover:has(li:hover) li:not(:hover,.hide) {
     /* background: rgba(0, 0, 0, 0.3); */
     background: rgba(0, 0, 0, 0.3);
@@ -358,21 +366,22 @@ input:active,
 
 .intro:hover,
 .user-info:hover {
-    -webkit-backdrop-filter: blur(8px);
-    backdrop-filter: blur(8px);
+    -webkit-backdrop-filter: blur(125px);
+    backdrop-filter: blur(125px);
     transform: scale(1.1);
 }
 
 .intro {
     transform-style: preserve-3d;
     perspective: 1000px;
+    border-radius: 16px;
 }
 
 .user-info {
     /* background: transparent; */
     /* background: rgba(128, 128, 128, 0.2); */
-    -webkit-backdrop-filter: blur(2px);
-    backdrop-filter: blur(2px);
+    -webkit-backdrop-filter: blur(100px);
+    backdrop-filter: blur(100px);
     /* box-shadow: 0 0 10mm rgba(0,0,0,.7); */
     border: 2px solid rgb(255, 255, 255)
 }
@@ -382,8 +391,8 @@ input:active,
 }
 
 .repo {
-    -webkit-backdrop-filter: blur(20px);
-    backdrop-filter: blur(20px);
+    -webkit-backdrop-filter: blur(200px);
+    backdrop-filter: blur(200px);
     box-shadow: 0 0 10mm rgba(0,0,0,.7);
     overflow: auto;
     overflow-x: hidden;