add bluesky, update font awesome

Signed-off-by: Naman Sood <mail@nsood.in>

css/style.scss

@@ -26,8 +26,10 @@ body {
 		--boldColor: white;
 	}
 
-	--liteColor: white;
-	--liteText: #777;
+	& {
+		--liteColor: white;
+		--liteText: #777;
+	}
 	&.lite-mode {
 		--bgColor: white;
 		--textColor: #777;
@@ -35,8 +37,10 @@ body {
 		--boldColor: black;
 	}
 
-	--darkColor: black;
-	--darkText: #aaa;
+	& {
+		--darkColor: black;
+		--darkText: #aaa;
+	}
 	&.dark-mode {
 		--bgColor: black;
 		--iconColor: white;
@@ -44,8 +48,10 @@ body {
 		--boldColor: white;
 	}
 
-	--mintColor: #c7fcee;
-	--mintText: #5f8c80;
+	& {
+		--mintColor: #c7fcee;
+		--mintText: #5f8c80;
+	}
 	&.mint-mode {
 		--bgColor: #c7fcee;
 		--iconColor: #486b61;
@@ -53,8 +59,10 @@ body {
 		--boldColor: #10352b;
 	}
 
-	--purpColor: #cfc7fc;
-	--purpText: #7166af;
+	& {
+		--purpColor: #cfc7fc;
+		--purpText: #7166af;
+	}
 	&.purp-mode {
 		--bgColor: #cfc7fc;
 		--iconColor: #5a518c;
@@ -62,8 +70,10 @@ body {
 		--boldColor: #312c4c;
 	}
 
-	--yellColor: #fcfcbf;
-	--yellText: #8c8c5f;
+	& {
+		--yellColor: #fcfcbf;
+		--yellText: #8c8c5f;
+	}
 	&.yell-mode {
 		--bgColor: #fcfcbf;
 		--iconColor: #54543f;
@@ -71,8 +81,10 @@ body {
 		--boldColor: #353528;
 	}
 
-	--pinkColor: #fca9d6;
-	--pinkText: #7f556c;
+	& {
+		--pinkColor: #fca9d6;
+		--pinkText: #7f556c;
+	}
 	&.pink-mode {
 		--bgColor: #fca9d6;
 		--iconColor: #54543f;
@@ -80,8 +92,10 @@ body {
 		--boldColor: #513645;
 	}
 
-	--blueColor: #ade3ff;
-	--blueText: #46748c;
+	& {
+		--blueColor: #ade3ff;
+		--blueText: #46748c;
+	}
 	&.blue-mode {
 		--bgColor: #ade3ff;
 		--iconColor: #394b54;
@@ -261,6 +275,12 @@ body {
 			}
 		}
 
+		/* for some reason the bluesky icon is bigger than all the other ones.
+		   contain its power so it does not destroy the world. */
+		i.fa-bluesky::before {
+			font-size: 0.95em;
+		}
+
 		i.email {
 			position: relative;
 			width: 4rem;