feat: main help

static/index.css

@@ -162,7 +162,7 @@
 .container {
     display: flex;
     flex-wrap: wrap;
-    height: 100%;
+    height: 80%;
     min-width: 40rem;
     justify-content: center;
     align-content: flex-start;
@@ -187,13 +187,35 @@
 .sqlInpt {
     margin: 3.5rem;
     background-color: rgb(0 0 0 / 85%);
-    padding: 0.5rem 1.5rem;
+    padding: 0.1rem 1.5rem;
     text-align: left;
-    width: clamp(40rem, 35%, 60rem);
     height: 22rem;
     transition: 1s;
     display: flex;
 }
+
+.meme {
+    width: 50rem;
+    height: auto;
+    max-height: 3rem;
+    background-color: rgb(0 0 0/ 90%);
+    padding: 0.4rem 1rem;
+    margin-left: 6.5rem;
+    margin-top: 3.5rem;
+    box-shadow: 0.4em 0.4em 0em 0px rgba(186, 65, 166, 0.6);
+    transform: translateX(-165%);
+    transition: 0.5s;
+    display: block;
+    position: sticky;
+    bottom: 20px;
+    right: 20px;
+    border-radius: 0.5rem;
+}
+
+.meme:hover {
+    box-shadow: 0.8em 0.8em 0em 0px rgba(186, 65, 166, 0.9);
+}
+
 .slideinInpt {
     transition: 1s;
     transform: translateX(calc(65vw + .8em + 3.5rem));
@@ -423,9 +445,10 @@
     width: 3rem;
     height: auto;
     margin: 2rem;
-    bottom: 0.2vw;
-    left: 0.2vw;
-    position: absolute;
+    display: block;
+    position: sticky;
+    bottom: 20px;
+    right: 20px;
     box-shadow: 0.4em 0.4em 0em 0px rgba(0, 0, 0, 0.8);
     transition: 0.5s;
     border-radius: 0.5rem;