style map

static/style.css

@@ -34,7 +34,7 @@ header {
     background-color: var(--background-color1);
     position: fixed;
     z-index: 100;
-    box-shadow: 1px 1px 15px rgba(161, 182, 253, 0.825);
+    box-shadow: 1px 1px 15px rgba(18, 54, 170, 0.825);
     display: flex;
     justify-content: space-between;
     align-items: center;
@@ -123,7 +123,7 @@ header {
     display: flex;
     width: 100vw;
     position: relative;
-    top: 70px;
+    top: 10px;
     z-index: 1;
 }
 
@@ -132,11 +132,11 @@ header {
 }
 
 .main {
-    height: calc(100vh - 70px);
+    height: calc(100vh - 20px);
     width: 100%;
     overflow-y: scroll;
     overflow-x: hidden;
-    padding: 40px 30px 30px 30px;
+    /* padding: 40px 30px 30px 30px; */
 }
 
 .main::-webkit-scrollbar-thumb {
@@ -232,11 +232,11 @@ header {
 }
 
 .box {
-    height: 130px;
-    width: 430px;
+    height: 80px;
+    width: 330px;
     border-radius: 20px;
     box-shadow: 3px 3px 10px rgba(0, 30, 87, 0.751);
-    padding: 20px;
+    padding: 10px;
     display: flex;
     align-items: center;
     justify-content: space-around;
@@ -279,18 +279,18 @@ header {
 }
 
 .topic-heading {
-    font-size: 30px;
+    font-size: 24px;
     letter-spacing: 3px;
 }
 
 .report-container {
-     min-height: 90vh;
+    min-height: 97vh;
     /*max-width: 1200px; */
     margin: 10px auto 0px auto;
     background-color:rgb(188, 188, 188);
     border-radius: 30px;
     box-shadow: 3px 3px 10px rgb(188, 188, 188);
-    padding: 0px 20px 20px 20px;
+    padding: 0px 20px 10px 0px;
 }
 
 #map {
@@ -299,7 +299,7 @@ header {
 }
 
 .report-header {
-    height: 130px;
+    height: 100px;
     width: 100%;
     display: flex;
     align-items: center;
@@ -327,6 +327,7 @@ header {
   padding: 20px;
   align-items: center;
   justify-content: left;
+  max-width: 400;
 }
 
 .recent-Articles {
@@ -354,14 +355,14 @@ header {
 
 .report-topic-heading,
 .item1 {
-    width: 1120px;
+    width: 1020px;
     display: flex;
     justify-content: space-between;
     align-items: center;
 }
 
 .t-op {
-    font-size: 18px;
+    font-size: 16px;
     letter-spacing: 0px;
 }