refactor the refactoring

src/scss/pages/_home.scss

@@ -164,14 +164,16 @@ main {
     }
 
     .socials {
+        margin-top: 30px;
         width: 100%;
-        height: 500px;
         display: flex;
         flex-direction: column;
         justify-content: center;
         align-items: center;
 
         .socials-container {
+            margin-top: 30px;
+            max-width: 1100px;
             width: 100%;
             display: flex;
             justify-content: space-between;
@@ -181,8 +183,8 @@ main {
                 display: flex;
                 justify-content: center;
                 align-items: center;    
-                width: 300px;
+                width: 350px;
-                height: 100px;
+                height: 90px;
                 background: $tertiary;
                 border-radius: 5px;
                 transition: box-shadow 0.2s linear;
@@ -201,7 +203,7 @@ main {
 
                 &:hover {
                     cursor: pointer;
-                    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
+                    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
                 }
             }