mobile hermit

backplaces/hermit/styles.css

@@ -27,7 +27,7 @@ body {
     cursor: pointer;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
     z-index: 0;
-    margin-top: 150px;
+    /* margin-top: 150px; */
 }
 
 .card.top {
@@ -72,7 +72,7 @@ body {
     font-size: 18px;
     padding: 20px;
     margin: auto;
-    margin-top: 150px;
+    margin-top: 2rem;
     overflow: hidden;
     background-color: #adc4f0;
     border: 1px solid #1E33FAff;
@@ -187,19 +187,19 @@ body {
         position: absolute;
         background-color:  #f9b0c5;
         color:  #1E33FAff;
-        font-size: 20px;
+        font-size: 1rem;
         border: 1px solid  #1E33FAff;
         border-radius: 5px;
-        width: 300px;
-        height: 560px;
+        width: 250px;
+        height: 420px;
         padding: 20px;
         transition: 0.25s;
         cursor: pointer;
         box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
         z-index: 0;
-        margin-top: 10px;
-        margin-left: 30px;
-        margin-right: 30px;
+        /* margin-top: 10px; */
+        margin-left: 2rem;
+        margin-right: 2rem;
     }
 
     .letterBox {
@@ -217,7 +217,7 @@ body {
         flex-wrap: wrap;
         justify-content: right;
         max-width: 100%;
-        margin-top: 150px;
+        /* margin-top: 150px; */
         z-index: 1000;
     }
     

backplaces/sunrise/styles.css

@@ -76,6 +76,7 @@ body {
 
 .comment:last-child {
   border-bottom: none;
+  padding-bottom: 2.3rem;
 }
 
 .comment-image {