From 3f544b9c87dedf439be1254fc362b06595b0a33c Mon Sep 17 00:00:00 2001
From: Aarize <heyman955@gmail.com>
Date: Sun, 2 Oct 2022 10:35:13 +0530
Subject: [PATCH 1/2] Color Changed and also Added Links

Background color is changed and also Instagram icon color is changed
Plus  Added the links ,when the user click on the icons they will be redirected to the respective home pages of that icon
---
 3d social media icons/index.html | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/3d social media icons/index.html b/3d social media icons/index.html
index a40274a..92d8de0 100644
--- a/3d social media icons/index.html	
+++ b/3d social media icons/index.html	
@@ -11,7 +11,8 @@
         body {
             margin: 0;
             padding: 0;
-            background: #f5f5f5;
+            background: #4c5e6b; 
+
             position: absolute;
             top: 50%;
             left: 50%;
@@ -50,7 +51,7 @@
             padding-left: 20px;
             transform: rotate(318deg) skew(199deg) translate(0, 0);
             transition: .5s;
-            box-shadow: -20px 20px 10px rgba(0, 0, 0, .5);
+            box-shadow: -20px 20px 10px rgba(0, 0, 0, 0.692);
         }
 
         ul li a:before {
@@ -125,15 +126,15 @@
         }
 
         ul li:hover:nth-child(4) a {
-            background: #e4405f;
+            background: #fd60f0;
         }
 
         ul li:hover:nth-child(4) a:before {
-            background: #d81c3f;
+            background: #ee2ade;
         }
 
         ul li:hover:nth-child(4) a:after {
-            background: #e46880;
+            background:#d17aca;
         }
     </style>
 </head>
@@ -142,22 +143,22 @@
     <!-- Markup of social media icons  -->
     <ul>
         <li>
-            <a href="#">
+            <a href="https://www.facebook.com/">
                 <i class="fa fa-facebook" aria-hidden="true"></i>
             </a>
         </li>
         <li>
-            <a href="#">
+            <a href="https://www.twitter.com/">
                 <i class="fa fa-twitter" aria-hidden="true"></i>
             </a>
         </li>
         <li>
-            <a href="#">
+            <a href="https://www.google.com/">
                 <i class="fa fa-google-plus" aria-hidden="true"></i>
             </a>
         </li>
         <li>
-            <a href="#">
+            <a href="https://www.instagram.com/">
                 <i class="fa fa-instagram" aria-hidden="true"></i>
             </a>
         </li>

From dc74c0d62ea3a891bf314ec7670fa98ea33a10e4 Mon Sep 17 00:00:00 2001
From: Aarize <heyman955@gmail.com>
Date: Sun, 2 Oct 2022 10:59:50 +0530
Subject: [PATCH 2/2] Added box shadow and hover effect in login page

Added box shadow and hover effect in login page
---
 Responsive login form/style.css | 22 +++++++++++++++++-----
 1 file changed, 17 insertions(+), 5 deletions(-)

diff --git a/Responsive login form/style.css b/Responsive login form/style.css
index 2bcb392..baa09e5 100644
--- a/Responsive login form/style.css	
+++ b/Responsive login form/style.css	
@@ -22,6 +22,7 @@
   background: #ffffff;
   border-radius: 25px;
   text-align: center;
+  box-shadow: -8px 8px 8px rgba(0, 0, 0, 0.5);
 }
 
 .title {
@@ -47,7 +48,7 @@ input[type="password"] {
   outline: none;
   background: none;
   font-size: 20px;
-  color: #85b6ff;
+  color: #6395e0;
   padding: 20px 10px 20px 5px;
   border: 2px solid #568aee;
   width: 280px;
@@ -70,7 +71,7 @@ input[type="checkbox"] {
 }
 
 ::placeholder {
-  color: #85b6ff;
+  color: #7ba7eb;
   font-size: 18px;
 }
 
@@ -83,7 +84,7 @@ input[type="checkbox"] {
 
 .keepme {
   margin: 15px;
-  color: #71a1bd;
+  color: #4f82a0;
   font-family: "Scheherazade New", serif;
   font-weight: bold;
 }
@@ -103,16 +104,27 @@ button {
   border: none;
   background: rgba(135, 113, 224, 0.89);
   border-radius: 25px;
+  transition: 0.3s;
+  box-shadow: -3px 5px 5px rgba(0, 0, 0, 0.5);
+}
+button:hover{
+  background: rgba(115, 88, 223, 0.89);
+  box-shadow: -3px 5px 5px rgba(0, 0, 0, 0.7);
+  font-size: 25px;
 }
-
 .link {
   text-align: center;
   display: block;
   margin: 18px;
-  color: #71a1bd;
+  color: #4f82a0;
   font-family: "Scheherazade New", serif;
   font-weight: bold;
   text-decoration: none;
+  transition: 0.3s;
+}
+.link:hover{
+  color: #2d6f96;
+  font-size: 18px;
 }
 
 @media only screen and (max-width: 700px) {