Update main.scss

Author: sepidehfat

assets/css/main.scss

@@ -1,29 +1,3 @@
----
-# Only the main Sass file needs front matter (the dashes are enough)
----
-@charset "utf-8";
-
-// Dimensions
-$max-content-width: {{ site.max_width }};
-
-@import
-  "variables",
-  "themes",
-  "layout",
-  "base",
-  "distill",
-  "cv",
-  "tabs",
-  "typograms",
-  "font-awesome/fontawesome",
-  "font-awesome/brands",
-  "font-awesome/solid",
-  "font-awesome/regular",
-  "tabler-icons/tabler-icons.scss",
-  "tabler-icons/tabler-icons-filled.scss",
-  "tabler-icons/tabler-icons-outline.scss"
-;
-
 .shadow-box {
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
   padding: 40px;
@@ -38,18 +12,19 @@ $max-content-width: {{ site.max_width }};
 }
 
 .profile img {
-  width: 200px !important;  /* Force the width for all profile pictures */
+  width: 220px !important;  /* Force the width for all profile pictures */
   height: auto !important;  /* Maintain aspect ratio */
-  display: block;
+  display: flex;
   margin: 0 auto;    /* Center the image */
   max-width: none;   /* Disable max-width to ensure fixed width */
 }
 
 .profile-name {
   width: 100%;
-  background-color: rgba(0, 0, 0, 0.7); /* Semi-transparent background */
+  background-color: rgba(0, 0, 0, 0.6); /* Semi-transparent background */
   color: white;
   text-align: center;
+  margin-bottom: 10px; /* Add margin to create space between the name and the image */
 }
 
 .more-info {