fix(mobile): center component on small screens and update docs

src/components/BitcoinLogo.vue

@@ -151,12 +151,10 @@ const symbolShape = 'M72.0434988 42.8770472c0.9951968,-6.6540344 -4.0707264,-10.
   font-size: v-bind("props.size + 'px'");
   width: 1em;
   height: 1em;
-  margin: auto;
   position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
   /* background: rgba(255, 0, 0, 0.2); Bounding rect debug */
   display: flex;
   justify-content: center;

src/style.css

@@ -62,4 +62,18 @@ p {
   padding: 3rem;
   box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
   display: inline-block;
-}
+  box-sizing: border-box;
+  max-width: 100%;
+}
+
+@media (max-width: 640px) {
+  #app {
+    padding: 1rem;
+  }
+
+  .glass-card {
+    padding: 1.5rem;
+    width: 100%;
+    border-radius: 16px;
+  }
+}