diff --git a/docs/css/extra.css b/docs/css/extra.css
index 9afcca4..2068ed4 100644
--- a/docs/css/extra.css
+++ b/docs/css/extra.css
@@ -251,7 +251,8 @@ footer > hr {
   display: flex;
   flex-direction: column;
   align-items: center;
-
+  box-sizing: border-box;
+  padding: 0.75rem;
   background-color: rgb(250, 250, 250);
   margin-top: 2rem;
   margin-bottom: 2rem;
@@ -259,7 +260,17 @@ footer > hr {
   margin-right: auto;
   border-radius: 3px;
   border: 1px solid rgb(204, 204, 204);
-  box-shadow: 0px 1px 4px 0px rgb(204, 204, 204);
+  box-shadow:
+    4px 8px 10px -6px rgb(204, 204, 204),
+    4px 8px 10px -6px rgb(153, 111, 194);
+}
+
+@media only screen and (max-width:1000px) {
+  .qi-container {
+    box-shadow:
+      4px 10px 10px -6px rgb(204, 204, 204),
+      4px 10px 10px -9px rgb(153, 111, 194);
+  }
 }
 
 .ghcup-os-container {