From d0e26537150d6b0c3cffd33cdc8e71fd12944818 Mon Sep 17 00:00:00 2001
From: ada <>
Date: Sat, 15 Jun 2024 22:04:29 +0200
Subject: [PATCH] mobile hermit

---
 backplaces/hermit/styles.css  | 18 +++++++++---------
 backplaces/sunrise/styles.css |  3 ++-
 2 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/backplaces/hermit/styles.css b/backplaces/hermit/styles.css
index ba1de89..95e9687 100644
--- a/backplaces/hermit/styles.css
+++ b/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;
     }
     
diff --git a/backplaces/sunrise/styles.css b/backplaces/sunrise/styles.css
index a88148b..4ac91ba 100644
--- a/backplaces/sunrise/styles.css
+++ b/backplaces/sunrise/styles.css
@@ -75,7 +75,8 @@ body {
 }
 
 .comment:last-child {
-  border-bottom: none; 
+  border-bottom: none;
+  padding-bottom: 2.3rem;
 }
 
 .comment-image {