Update static/style.css

static/style.css

@@ -128,24 +128,6 @@ body::before {
     box-shadow: 0 5px 15px rgba(0,0,0,0.2);
 }
 
-.home-link {
-    display: flex;
-    justify-content: center;
-    margin-top: -10px;
-    margin-bottom: -10px;
-}
-
-.home-icon {
-    width: 30px;
-    height: 30px;
-    cursor: pointer;
-    transition: transform 0.3s ease;
-}
-
-.home-icon:hover {
-    transform: scale(1.2);
-}
-
 
 
 .main-content-area {
@@ -165,18 +147,28 @@ body::before {
     text-align: left;
     margin-left: 0;
     margin-bottom: 30px;
-    
+    /*font-size: 1.8rem;
+    margin-bottom: 0.5rem;
+    font-weight: 600;*/
 }
 
 .document-subtitle {
-   
+    /*
+    font-size: 1.4rem;
+    margin-top: 0;
+    margin-bottom: 2rem;
+    font-weight: 500;*/
     color: black;
     text-align: center; 
     margin-bottom: 50px;
 }
 
 .upload-container {
-   
+   /* background: transparent;
+    margin-bottom: 2rem;
+    display: flex;
+    flex-direction: column;
+    align-items: center;*/
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -199,7 +191,7 @@ body::before {
     max-width: 600px; 
     overflow: hidden; 
     white-space: nowrap; 
-    text-overflow: ellipsis;
+    text-overflow: ellipsis; 
 }
 
 
@@ -268,6 +260,7 @@ body::before {
 }
 .scrollable-text {
     max-height: 150px;         
+    overflow-y: auto;
     padding-right: 10px;
     margin-bottom: 20px;
     text-align: center;
@@ -677,6 +670,7 @@ box-shadow: 0 5px 15px rgba(0,0,0,0.2);
     cursor: pointer;
 }
 
+
 body, html {
     overscroll-behavior: contain;
 }