Update styles.css

AliNSheikh · Aug 20, 2024 · 618f3f8 · 618f3f8
1 parent 929590b
commit 618f3f8
Showing 1 changed file with 28 additions and 11 deletions.
diff --git a/assets/css/styles.css b/assets/css/styles.css
@@ -316,8 +316,8 @@ img{
 }
 
 .home__img img{
-    border-radius: 50%;
-    width: 90%;
+    border-radius: 20%;
+    width: 100%;
 }
 /*==================== BUTTONS ====================*/
 .button{
@@ -1015,14 +1015,17 @@ img{
         grid-template-columns: repeat(2,1fr);
     }
 }
-.floating-buttons {
-      position: fixed;
-      bottom: 20px;
-      display: flex;
-      justify-content: space-between;
-      width: 100%;
-      padding: 0 20px;
-      z-index: 999;
+
+
+ .floating-buttons {
+    position: fixed;
+    bottom: 20px;
+    right: 20px;
+    display: flex;
+    justify-content: space-between;
+    width: auto;
+    z-index: 999;
+    gap: 10px;
     }
 
 
@@ -1055,6 +1058,20 @@ img{
     .floating-buttons button.linkedin:hover {
       background-color: #005e8c;
     }
+    .floating-buttons button.whatsapp {
+        background-color: #25D366;
+      }
+
+      .floating-buttons button.whatsapp:hover {
+        background-color: #0beb5d;
+      }
+      .floating-buttons button.email {
+        background-color: #bfc3c0;
+      }
+
+      .floating-buttons button.email:hover {
+        background-color: #bfc3c0;
+      }
 
     .floating-buttons button.github {
       background-color: #24292e;
@@ -1073,4 +1090,4 @@ img{
 
       .floating-buttons button {
         margin-bottom: 10px;
-      }
+      }