Update file home.html

wiki/pages/home.html

@@ -25,12 +25,14 @@
       padding: 20px;
       max-width: 1200px;
       margin: 60px auto 0;
+      min-height: calc(100vh - 60px);
+      justify-content: center;
     }
     .content-block {
       background-color: rgba(255, 255, 255, 0.7);
       border-radius: 20px;
       padding: 20px;
-      margin: 40px 0; /* Increased vertical margin */
+      margin: 40vh 0; /* Increased vertical margin */
       width: 66.66%;
       box-shadow: 0 4px 8px rgba(0,0,0,0.1);
       transition: all 0.3s ease;
@@ -38,7 +40,7 @@
     }
     .content-block:first-child {
       width: 80%; /* Make the first block wider */
-      margin-top: 0; /* Remove top margin for the first block */
+      margin: 0; /* Remove margin for the first block */
     }
     .content-block:hover {
       background-color: rgba(255, 255, 255, 0.95);
@@ -76,16 +78,25 @@
     }
     .modal-content {
       background-color: #fefefe;
-      margin: 15% auto;
+      margin: 5% auto;
       padding: 20px;
       border: 1px solid #888;
       width: 80%;
       max-width: 800px;
       border-radius: 10px;
+      position: relative;
+    }
+    .modal-content img {
+      max-width: 100%;
+      height: auto;
+      display: block;
+      margin: 10px auto;
     }
     .close {
       color: #aaa;
-      float: right;
+      position: absolute;
+      top: 10px;
+      right: 20px;
       font-size: 28px;
       font-weight: bold;
     }