Update style.css

style.css

@@ -1,28 +1,44 @@
-body {
-	padding: 2rem;
-	font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
-}
+.iframe-container {
+    position: relative;
+    position: fixed;
+    width: 500px; /* Set the desired width for your iframe */
+    height: 700px; /* Set the desired height for your visible iframe content (450 - 100) */
+    /* overflow: hidden;
+     */
+     overflow: hidden;
+     display: none;
+     /* margin-left: 57vw; */
+     right: 50px;
+     z-index: 999;
+     top: 3.2em;
+     transition: display 0.5s ease-in-out;
+     border-radius: 5%;
+  }
 
-h1 {
-	font-size: 16px;
-	margin-top: 0;
+  .iframe-container iframe {
+    position: absolute;
+    top: -400px; /* Shift the iframe content up by 100px to hide the top portion */
+    width: 100%;
+    height: 985px; /* Set the total height of your iframe content (visible + hidden) */
+    /* height: 1200px; */
+    overflow: hidden;
+    border-radius: 5%;
+  }
+  .iframe-container iframe::-webkit-scrollbar {
+    width: 0; /* Hide the scrollbar */
+    height: 0;
 }
+  .click {
+            position: fixed;
+            bottom: 31px; /* Adjust the distance from the bottom as needed */
+            right: 20px; /* Adjust the distance from the right as needed */
+            padding: 10px 20px;
+            background-color: rgba(249, 108, 108, 0.8);
+            color: #fff;
+            border: none;
+            border-radius: 6px;
+            cursor: pointer;
+            z-index: 9999;
+        }
 
-p {
-	color: rgb(107, 114, 128);
-	font-size: 15px;
-	margin-bottom: 10px;
-	margin-top: 5px;
-}
 
-.card {
-	max-width: 620px;
-	margin: 0 auto;
-	padding: 16px;
-	border: 1px solid lightgray;
-	border-radius: 16px;
-}
-
-.card p:last-child {
-	margin-bottom: 0;
-}