update blogpost card color and design

Finveda/blog.html

@@ -520,7 +520,7 @@ <h1 id="title" style="font-size:2.0 rem;margin-top: 30px;margin-left: 150px;" >
                         </p>
                       </a>
                       <a class="more" href="./blogs/invest-minimal.html">
-                        Learn More <i class="lni-chevron-right"></i>
+                        learn more <i class="lni-chevron-right"></i>
                       </a>
                     </div>
                   </div>

assets/css/style.css

@@ -2094,14 +2094,16 @@ p {
 
 .blog{
   width: 90vw;
+
 }
 .single-blog {
   transition: transform 0.5s ease;
   height: 30rem;
   box-shadow: 0 4px 8px rgb(51, 55, 55);
   padding: 20px;
   border-radius: 10px;
-  background: linear-gradient(135deg,#18a5a7,#d9ecc7);
+
+  background: linear-gradient(135deg,#234eeb,#5b86eb);
 }
 .blog-content {
   text-align: left;
@@ -2112,12 +2114,14 @@ p {
   border-radius: 8px;
   position: relative;
 }
+
 .blogfull{
   text-align: left;
   margin-left: auto;
   margin-right: auto;
   max-width: 80%;
   padding: 20px;
+  padding-top: 30px ;
   border-radius: 8px;
   position: relative;
 }
@@ -2131,13 +2135,14 @@ p {
   }
   .single-blog .blog-content a .more {
     margin-top: 30px;
+
   }
 }
 
 .single-blog:hover {
   transform: scale(0.95);
   cursor: pointer;
-  background: linear-gradient(110deg,#18a5a7,#d9ecc7);
+  background: linear-gradient(110deg,#234eeb,#3a68e4);
 }
 .blog-content .reviewtext{
   color: black;