Update default.css

default.css

@@ -1,16 +1,16 @@
 :root {
-  --mainColor: #eaeaea;
+  --mainColor: #eeeeeee4;
   --secondaryColor: #fff;
 
-  --borderColor: #c1c1c1;
+  --borderColor: #000000;
 
   --mainText: black;
-  --secondaryText: #4b5156;
+  --secondaryText: #000000;
 
   --themeDotBorder: #010102;
 
   --previewBg: rgb(251, 249, 243, 0.8);
-  --previewShadow: rgba(9, 9, 9, 0.356);
+  --previewShadow: rgba(22, 22, 22, 0.356);
 
   --buttonColor: black;
 }
@@ -188,7 +188,7 @@ a:hover {
 
 #profile_pic {
   display: block;
-  margin: 0 auto;
+  margin: auto;
   border-radius: 50%;
   height: 200px;
   width: 200px;
@@ -296,7 +296,6 @@ a:hover {
   padding-top: 50px;
   gap: 100px;
 }
-
 #skills {
   display: flex;
   justify-content: space-evenly;
@@ -315,33 +314,35 @@ a:hover {
 
 .post-wrapper {
   display: grid;
-  grid-template-columns: repeat(auto-fit, 320px);
+  grid-template-columns: repeat(auto-fit, 330px);
   gap: 20px;
   justify-content: center;
   padding-bottom: 50px;
 }
 
 .post {
   border: 1px solid var(--borderColor);
-  -webkit-box-shadow: -2px 7px 21px -9px rgba(0, 0, 0, 0.75);
-  -moz-box-shadow: -2px 7px 21px -9px rgba(0, 0, 0, 0.75);
-  box-shadow: -2px 7px 21px -9px rgba(0, 0, 0, 0.75);
+  border-radius: 0.8rem;
+  -webkit-box-shadow: -2px 7px 21px -9px rgba(0, 0, 0, 0.495);
+  box-shadow: -2px 7px 21px -9px rgb(236, 12, 12);
 }
 
 .thumbnail {
   display: block;
   width: 100%;
   height: 180px;
+  border-radius: 0.8rem;
   object-fit: cover;
 }
 
 .post-preview {
   background-color: rgb(0, 0, 0);
+  border-radius: 0.5rem;
   padding: 15px;
 }
 
 .post-title {
-  color: rgb(254, 192, 47);
+  color: #fec02f;
   margin: 0;
 }
 
@@ -354,6 +355,13 @@ a:hover {
   padding-left: 10px;
   padding-right: 10px;
 }
+.linkdin {
+  width: 2rem;
+  padding-left: 10px;
+  padding-right: 10px;
+  width: 40px;
+  height: 40px;
+}
 #contact-form {
   display: block;
   max-width: 600px;