styled social icons and made hover effects

5h0ov · Oct 28, 2023 · 916cbd4 · 916cbd4
1 parent a790ac4
commit 916cbd4
Showing 1 changed file with 20 additions and 1 deletion.
diff --git a/styles.css b/styles.css
@@ -231,7 +231,7 @@ nav .container ul li {
 nav a {
     text-decoration: none;
     font-size: 1.1em;
-    transition: 0.9s smooth;
+    transition: 0.4s;
     font-weight: 600;
     color: #fff;
 }
@@ -309,6 +309,25 @@ nav .fa-bars:hover {
 }
 .fab {
     color: #fff;
+    transition: 0.5s;
+}
+.fab:hover{
+    transform: scale(1.4);
+}
+.fa-github:hover{
+    color: #000000;
+}
+.fa-instagram:hover{
+    color: #fe2b6b;
+}
+.fa-linkedin:hover{
+    color: #0077ffb7;
+}
+.fa-twitter:hover{
+    color: #00a2ff;
+}
+.fa-youtube:hover{
+    color: #ff0000;
 }
 .social-media li {
     display: inline-block;