From bf21405421185520ec969028d2ab3b9d56433f14 Mon Sep 17 00:00:00 2001
From: Akshay <akshay.allen26200@gmail.com>
Date: Wed, 20 Nov 2024 12:35:03 +0530
Subject: [PATCH 1/2] Styled social icons in login and register modals

---
 careers.css | 78 +++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 78 insertions(+)

diff --git a/careers.css b/careers.css
index 5bb722a2..f7394055 100644
--- a/careers.css
+++ b/careers.css
@@ -76,3 +76,81 @@
     from { opacity: 0; }
     to { opacity: 1; }
 }
+
+/* Social icons styling for both login and register modals */
+.modal .social-icons {
+    display: flex; 
+    justify-content: center; 
+    gap: 1rem; 
+    margin-top: 1rem;
+    padding: 0; 
+  }
+  
+  .modal .social-icons ul {
+    list-style: none; 
+    display: flex; 
+    padding: 0; 
+    margin: 0; 
+  }
+  
+  .modal .social-icons li {
+    margin-right: 0.5rem; 
+  }
+  
+  .modal .social-icons a {
+    display: inline-flex;
+    justify-content: center;
+    align-items: center;
+    width: 2.1rem;
+    height: 2.1rem;
+    background-color: transparent;
+    border: 0.2rem solid #0890ff;
+    font-size: 1.1rem;
+    border-radius: 50%;
+    transition: 0.3s ease;
+    color: #55ff00;
+  }
+  
+  .modal .social-icons a:hover {
+    color: rgb(139, 249, 12);
+    transform: scale(1.3) translateY(-5px);
+    background-color: #0048ff;
+    box-shadow: 0 0 25px #03133c;
+  }
+  .modal .join {
+    margin-bottom: 2rem; 
+  }
+
+  
+#forgotPasswordModal .join {
+    margin-bottom: 1rem; 
+    text-align: center;
+  }
+  
+  #forgotPasswordModal .form-group {
+    margin-bottom: 1.5rem;
+  }
+  
+  #forgotPasswordModal .main-btn {
+    background-color: #0890ff;
+    color: #fff;
+    padding: 10px;
+    border: none;
+    cursor: pointer;
+    border-radius: 5px;
+    width: 100%;
+    transition: background-color 0.3s ease;
+  }
+  
+  #forgotPasswordModal .main-btn:hover {
+    background-color: #0070e0;
+  }
+  
+  #forgotPasswordModal .text-center a {
+    color: #0890ff;
+    text-decoration: none;
+  }
+  
+  #forgotPasswordModal .text-center a:hover {
+    text-decoration: underline;
+  }
\ No newline at end of file

From 373285f26b42531596d7e11a2f0083033e068154 Mon Sep 17 00:00:00 2001
From: Akshay <akshay.allen26200@gmail.com>
Date: Wed, 20 Nov 2024 12:59:15 +0530
Subject: [PATCH 2/2] Styled social icons in login and register modals

---
 careers.css | 34 ----------------------------------
 1 file changed, 34 deletions(-)

diff --git a/careers.css b/careers.css
index f7394055..65f2c899 100644
--- a/careers.css
+++ b/careers.css
@@ -119,38 +119,4 @@
   }
   .modal .join {
     margin-bottom: 2rem; 
-  }
-
-  
-#forgotPasswordModal .join {
-    margin-bottom: 1rem; 
-    text-align: center;
-  }
-  
-  #forgotPasswordModal .form-group {
-    margin-bottom: 1.5rem;
-  }
-  
-  #forgotPasswordModal .main-btn {
-    background-color: #0890ff;
-    color: #fff;
-    padding: 10px;
-    border: none;
-    cursor: pointer;
-    border-radius: 5px;
-    width: 100%;
-    transition: background-color 0.3s ease;
-  }
-  
-  #forgotPasswordModal .main-btn:hover {
-    background-color: #0070e0;
-  }
-  
-  #forgotPasswordModal .text-center a {
-    color: #0890ff;
-    text-decoration: none;
-  }
-  
-  #forgotPasswordModal .text-center a:hover {
-    text-decoration: underline;
   }
\ No newline at end of file