diff --git a/src/lib/css/archive.css b/src/lib/css/archive.css
index bdda71e..7bf76e7 100644
--- a/src/lib/css/archive.css
+++ b/src/lib/css/archive.css
@@ -2,7 +2,7 @@
     border-radius: 1rem;
     color: var(--color-text);
     background-image: var(--background-light);
-    box-shadow: rgba(79, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
+    box-shadow: var(--shadow);
 }
 
 .archive {
diff --git a/src/lib/css/article.css b/src/lib/css/article.css
index fc68c6c..f8e8b47 100644
--- a/src/lib/css/article.css
+++ b/src/lib/css/article.css
@@ -19,7 +19,7 @@
     background-image: linear-gradient(to right, var(--navbar-dark) 0%, var(--navbar-light) 100%);
     border-bottom-left-radius: 2rem;
     border-bottom-right-radius: 2rem;
-    box-shadow: rgba(79, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
+    box-shadow: var(--shadow);
 }
 
 .article-banner-content {
diff --git a/src/lib/css/base.css b/src/lib/css/base.css
index 11e339d..b575fc6 100644
--- a/src/lib/css/base.css
+++ b/src/lib/css/base.css
@@ -42,6 +42,7 @@ h2 {
 
     --background-light: linear-gradient(180deg, rgba(248, 241, 241, 1) 0%, rgba(15, 11, 17, 0.1) 100%);
     --background-dark: linear-gradient(180deg, rgba(248, 241, 241, 1) 0%, rgba(224, 217, 217, 1) 100%);
+    --shadow: rgba(79, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
 
     --z-index-last: -1;
     --z-index-normal: 0;
diff --git a/src/lib/css/count.css b/src/lib/css/count.css
index 312145c..9abbd87 100644
--- a/src/lib/css/count.css
+++ b/src/lib/css/count.css
@@ -5,7 +5,7 @@
     margin-left: 1rem;
     margin-right: 1rem;
     background-image: var(--background-light);
-    box-shadow: rgba(79, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
+    box-shadow: var(--shadow);
     border-radius: 1rem;
 }
 
diff --git a/src/lib/css/cover-img.css b/src/lib/css/cover-img.css
index bdddcbf..c145fd1 100644
--- a/src/lib/css/cover-img.css
+++ b/src/lib/css/cover-img.css
@@ -55,5 +55,5 @@
     object-fit: cover;
     border-bottom-left-radius: 2rem;
     border-bottom-right-radius: 2rem;
-    box-shadow: rgba(79, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
+    box-shadow: var(--shadow);
 }
\ No newline at end of file
diff --git a/src/lib/css/git.css b/src/lib/css/git.css
index f2819cb..c098c11 100644
--- a/src/lib/css/git.css
+++ b/src/lib/css/git.css
@@ -94,6 +94,6 @@
     transform: translateY(1rem);
     padding: 0.8rem;
     border-radius: 1rem;
-    box-shadow: rgba(79, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
+    box-shadow: var(--shadow);
     opacity: 0.8;
 }
\ No newline at end of file
diff --git a/src/lib/css/hover-card.css b/src/lib/css/hover-card.css
new file mode 100644
index 0000000..af49ce8
--- /dev/null
+++ b/src/lib/css/hover-card.css
@@ -0,0 +1,11 @@
+.hover-card-picture {
+    width: var(--content-3-width);
+    height: var(--content-3-width);
+    margin: 1rem;
+}
+
+.hover-card-picture img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+}
\ No newline at end of file
diff --git a/src/lib/css/overlay.css b/src/lib/css/overlay.css
index 6d355f6..2708128 100644
--- a/src/lib/css/overlay.css
+++ b/src/lib/css/overlay.css
@@ -19,7 +19,7 @@
 .overlay-front {
     grid-area: overlay;
     background-image: var(--background-light);
-    box-shadow: rgba(79, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
+    box-shadow: var(--shadow);
     border-radius: 1rem;
 }
 
diff --git a/src/lib/css/post-min.css b/src/lib/css/post-min.css
index e6bfe12..d06a27c 100644
--- a/src/lib/css/post-min.css
+++ b/src/lib/css/post-min.css
@@ -74,7 +74,7 @@
 .post-min-overlay-front {
     grid-area: overlay;
     background-image: var(--background-light);
-    box-shadow: rgba(79, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
+    box-shadow: var(--shadow);
     border-radius: 1rem;
 }
 
diff --git a/src/lib/css/post.css b/src/lib/css/post.css
index 61c1c45..e71dbb8 100644
--- a/src/lib/css/post.css
+++ b/src/lib/css/post.css
@@ -41,7 +41,7 @@
     grid-area: overlay;
     background-image: var(--background-light);
     border-radius: 1rem;
-    box-shadow: rgba(79, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
+    box-shadow: var(--shadow);
 }
 
 .post-overlay-back {
diff --git a/src/lib/css/profile/base.css b/src/lib/css/profile/base.css
index bf4f8fe..fafb450 100644
--- a/src/lib/css/profile/base.css
+++ b/src/lib/css/profile/base.css
@@ -131,6 +131,6 @@
 .profile-content {
     padding: 3rem;
     border-radius: 1rem;
-    box-shadow: rgba(79, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
+    box-shadow: var(--shadow);
     background-image: var(--background-light);
 }
\ No newline at end of file
diff --git a/src/lib/css/search.css b/src/lib/css/search.css
index 59aa2e4..c6933b4 100644
--- a/src/lib/css/search.css
+++ b/src/lib/css/search.css
@@ -1,7 +1,7 @@
 .search {
     display: flex;
     flex-direction: row;
-    box-shadow: rgba(79, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
+    box-shadow: var(--shadow);
     border-radius: 5rem;
     background-color: var(--color-background);
     margin: 0 !important;
@@ -37,7 +37,7 @@
     width: inherit;
     height: 16rem;
     background-color: var(--color-background);
-    box-shadow: rgba(79, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
+    box-shadow: var(--shadow);
     border-radius: 1rem;
     position: absolute !important;
     z-index: 1;