2 files changed, 43 insertions, 7 deletions

diff --git a/src/css/ghrepo.css b/src/css/ghrepo.css
index 2a2c621b..6f7a4966 100644
--- a/src/css/ghrepo.css
+++ b/src/css/ghrepo.css
@@ -54,7 +54,8 @@ main {
     width: 100%;
     height: 100%;
     background-color: rgb(48, 60, 100);
-    background-image: url(/images/heigh-grass.jpg), url(/images/heigh-grass.webp);
+    /* background-image: url(/images/heigh-grass.jpg), url(/images/heigh-grass.webp); */
+    background-color: #05010d;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
@@ -120,8 +121,8 @@ a {
     background: transparent;
     color: var(--accent);
     text-decoration: none;
-    -webkit-transition: background 0.5s;
-    transition: background 0.5s
+    -webkit-transition: all 0.5s;
+    transition: all 0.5s
 }
 
 .github-img {
@@ -135,7 +136,7 @@ ul {
 }
 
 .user-info * {
-background: transparent;
+    background: transparent;
 }
 
 .user-info {
@@ -248,7 +249,7 @@ input:active,
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
-    background: rgba(128, 128, 128, 0.2);
+    /* background: rgba(128, 128, 128, 0.2); */
     margin-top: 0;
     padding: 2em;
     /* border-bottom-left-radius: 20px; */
@@ -369,10 +370,11 @@ input:active,
 
 .user-info {
     /* background: transparent; */
-    background: rgba(128, 128, 128, 0.2);
+    /* background: rgba(128, 128, 128, 0.2); */
     -webkit-backdrop-filter: blur(2px);
     backdrop-filter: blur(2px);
     /* box-shadow: 0 0 10mm rgba(0,0,0,.7); */
+    border: 2px solid rgb(255, 255, 255)
 }
 
 .floattext {
diff --git a/src/css/style.css b/src/css/style.css
index 7a75bc53..cd9a6abe 100644
--- a/src/css/style.css
+++ b/src/css/style.css
@@ -41,6 +41,8 @@ src: url(/fonts/audiowide.ttf);
     margin: 0;
     font-family: liga;
     text-shadow: 0px 0px 1px black;
+    -webkit-font-smoothing: antialiased;
+    font-smooth: antialiased;
     /* transition: all 0.3s; */
 }
 
@@ -407,4 +409,36 @@ a:hover {
     width: 20vmax;
     z-index: 0;
     animation-fill-mode: forwards;
-}
\ No newline at end of file
+}
+
+@keyframes rotate {
+    from {
+        rotate: 0deg;
+    }
+    
+    50% {
+        scale: 1 1.25;
+    }
+    
+    to {
+        rotate: 360deg;
+    }
+}
+
+.sblob {
+    background-color: white;
+    height: 15vmax;
+    width: 20vmax;
+    aspect-ratio: 1;
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    translate: -50% -50%;
+    border-radius: 50%;
+    background: linear-gradient(to right, #00FFFF, mediumpurple);
+    animation: rotate 20s infinite;
+    opacity: 0.8;
+    filter: blur(7vmax);
+    -webkit-filter: blur(7vmax);
+    z-index: -1;
+}