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>
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) {