diff --git a/public/icons/skills/css3-colored.svg b/public/icons/skills/css3-colored.svg
index 550e2e0..ab56ea2 100644
--- a/public/icons/skills/css3-colored.svg
+++ b/public/icons/skills/css3-colored.svg
@@ -1 +1,26 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"><path fill="#1572B6" d="M8.76 1l10.055 112.883 45.118 12.58 45.244-12.626L119.24 1H8.76zm89.591 25.862l-3.347 37.605.01.203-.014.467v-.004l-2.378 26.294-.262 2.336L64 101.607v.001l-.022.019-28.311-7.888L33.75 72h13.883l.985 11.054 15.386 4.17-.004.008v-.002l15.443-4.229L81.075 65H48.792l-.277-3.043-.631-7.129L47.553 51h34.749l1.264-14H30.64l-.277-3.041-.63-7.131L29.401 23h69.281l-.331 3.862z"/></svg>
\ No newline at end of file
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Adobe Illustrator 29.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 128 128" style="enable-background:new 0 0 128 128;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#663399;}
+</style>
+<g>
+	<g>
+		<path class="st0" d="M106.5,1.5H1.5v105c0,11,9,20,20,20h85c11,0,20-9,20-20v-85C126.5,10.5,117.5,1.5,106.5,1.5z M59.4,84.7h-9.2
+			v-1.6c0-1.7-0.4-3-1.1-3.8c-0.6-0.8-1.7-1.3-2.7-1.3c-1.5,0-2.6,0.5-3.2,1.6c-0.6,1.4-0.9,3-0.8,4.6v18.3c0,3.8,1.3,5.8,4,5.8
+			c1.3,0,2.2-0.5,2.8-1.4c0.7-1.1,1-2.5,1-3.8v-1.4h9.2v1.4c0,3-0.6,5.4-1.7,7.4c-1.1,1.9-2.8,3.5-4.8,4.5c-2.1,1-4.5,1.5-6.9,1.5
+			c-4,0-7.1-1.1-9.4-3.2c-2.3-2.1-3.5-5.4-3.5-9.6v-21c0-4.2,1.2-7.4,3.7-9.6c2.5-2.2,5.8-3.3,9.8-3.3c3.9,0,7,1.1,9.3,3.4
+			c2.3,2.2,3.5,5.6,3.5,10V84.7z M84.9,113c-2.3,2.3-5.5,3.5-9.5,3.5c-4,0-7.1-1.2-9.3-3.5c-2.1-2.4-3.3-5.8-3.4-10.2h8.7
+			c0.1,3.9,1.4,5.9,4.1,5.9c1.4,0,2.4-0.4,2.9-1.3c0.6-0.9,0.8-2.2,0.8-4.1c0-1.5-0.4-2.8-1.1-3.7c-1-1.2-2.3-2.1-3.7-2.6l-3.2-1.6
+			c-2.9-1.4-5-3-6.3-4.9c-1.3-1.9-1.9-4.5-1.9-7.9c0-3.8,1.1-6.9,3.3-9.2c2.3-2.4,5.3-3.5,9.2-3.5c3.8,0,6.7,1.2,8.8,3.5
+			c2.1,2.3,3.2,5.7,3.3,10h-8.4c0-1.4-0.2-2.8-0.8-4.1c-0.5-1-1.4-1.4-2.8-1.4c-2.5,0-3.7,1.5-3.7,4.4c0,1.5,0.3,2.6,0.9,3.5
+			c0.9,1,2,1.7,3.2,2.2l3.1,1.4c3.2,1.5,5.5,3.3,6.9,5.4c1.4,2.2,2.1,5,2.1,8.6C88.3,107.4,87.2,110.7,84.9,113z M113.1,113
+			c-2.3,2.3-5.5,3.5-9.5,3.5h0c-4,0-7.1-1.2-9.3-3.5c-2.1-2.4-3.3-5.8-3.4-10.2h8.7c0,3.9,1.4,5.9,4.1,5.9c1.4,0,2.4-0.4,2.9-1.3
+			c0.6-0.9,0.8-2.2,0.8-4.1c0-1.5-0.4-2.8-1.1-3.7c-1-1.2-2.3-2.1-3.7-2.6l-3.2-1.6c-2.9-1.4-5-3-6.3-4.9c-1.3-1.9-1.9-4.5-1.9-7.9
+			c0-3.8,1.1-6.9,3.3-9.2c2.3-2.4,5.3-3.5,9.2-3.5c3.8,0,6.7,1.2,8.8,3.5c2.1,2.3,3.2,5.7,3.3,10h-8.4c0.1-1.4-0.2-2.8-0.8-4.1
+			c-0.5-1-1.4-1.4-2.8-1.4c-2.5,0-3.7,1.5-3.7,4.4c0,1.5,0.3,2.6,0.9,3.5c0.9,1,2,1.7,3.2,2.2l3.1,1.4c3.2,1.5,5.5,3.3,6.9,5.4
+			c1.4,2.2,2.1,5,2.1,8.6C116.5,107.4,115.4,110.7,113.1,113z"/>
+	</g>
+</g>
+</svg>
diff --git a/public/icons/skills/css3-dark.svg b/public/icons/skills/css3-dark.svg
index 473251a..5d9a577 100644
--- a/public/icons/skills/css3-dark.svg
+++ b/public/icons/skills/css3-dark.svg
@@ -1 +1,26 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"><path fill="#6f7580" d="M8.76 1l10.055 112.883 45.118 12.58 45.244-12.626L119.24 1H8.76zm89.591 25.862l-3.347 37.605.01.203-.014.467v-.004l-2.378 26.294-.262 2.336L64 101.607v.001l-.022.019-28.311-7.888L33.75 72h13.883l.985 11.054 15.386 4.17-.004.008v-.002l15.443-4.229L81.075 65H48.792l-.277-3.043-.631-7.129L47.553 51h34.749l1.264-14H30.64l-.277-3.041-.63-7.131L29.401 23h69.281l-.331 3.862z"/></svg>
\ No newline at end of file
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Adobe Illustrator 29.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 128 128" style="enable-background:new 0 0 128 128;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#6F7580;}
+</style>
+<g>
+	<g>
+		<path class="st0" d="M106.5,1.5H1.5v105c0,11,9,20,20,20h85c11,0,20-9,20-20v-85C126.5,10.5,117.5,1.5,106.5,1.5z M59.4,84.7h-9.2
+			v-1.6c0-1.7-0.4-3-1.1-3.8c-0.6-0.8-1.7-1.3-2.7-1.3c-1.5,0-2.6,0.5-3.2,1.6c-0.6,1.4-0.9,3-0.8,4.6v18.3c0,3.8,1.3,5.8,4,5.8
+			c1.3,0,2.2-0.5,2.8-1.4c0.7-1.1,1-2.5,1-3.8v-1.4h9.2v1.4c0,3-0.6,5.4-1.7,7.4c-1.1,1.9-2.8,3.5-4.8,4.5c-2.1,1-4.5,1.5-6.9,1.5
+			c-4,0-7.1-1.1-9.4-3.2c-2.3-2.1-3.5-5.4-3.5-9.6v-21c0-4.2,1.2-7.4,3.7-9.6c2.5-2.2,5.8-3.3,9.8-3.3c3.9,0,7,1.1,9.3,3.4
+			c2.3,2.2,3.5,5.6,3.5,10V84.7z M84.9,113c-2.3,2.3-5.5,3.5-9.5,3.5c-4,0-7.1-1.2-9.3-3.5c-2.1-2.4-3.3-5.8-3.4-10.2h8.7
+			c0.1,3.9,1.4,5.9,4.1,5.9c1.4,0,2.4-0.4,2.9-1.3c0.6-0.9,0.8-2.2,0.8-4.1c0-1.5-0.4-2.8-1.1-3.7c-1-1.2-2.3-2.1-3.7-2.6l-3.2-1.6
+			c-2.9-1.4-5-3-6.3-4.9c-1.3-1.9-1.9-4.5-1.9-7.9c0-3.8,1.1-6.9,3.3-9.2c2.3-2.4,5.3-3.5,9.2-3.5c3.8,0,6.7,1.2,8.8,3.5
+			c2.1,2.3,3.2,5.7,3.3,10h-8.4c0-1.4-0.2-2.8-0.8-4.1c-0.5-1-1.4-1.4-2.8-1.4c-2.5,0-3.7,1.5-3.7,4.4c0,1.5,0.3,2.6,0.9,3.5
+			c0.9,1,2,1.7,3.2,2.2l3.1,1.4c3.2,1.5,5.5,3.3,6.9,5.4c1.4,2.2,2.1,5,2.1,8.6C88.3,107.4,87.2,110.7,84.9,113z M113.1,113
+			c-2.3,2.3-5.5,3.5-9.5,3.5h0c-4,0-7.1-1.2-9.3-3.5c-2.1-2.4-3.3-5.8-3.4-10.2h8.7c0,3.9,1.4,5.9,4.1,5.9c1.4,0,2.4-0.4,2.9-1.3
+			c0.6-0.9,0.8-2.2,0.8-4.1c0-1.5-0.4-2.8-1.1-3.7c-1-1.2-2.3-2.1-3.7-2.6l-3.2-1.6c-2.9-1.4-5-3-6.3-4.9c-1.3-1.9-1.9-4.5-1.9-7.9
+			c0-3.8,1.1-6.9,3.3-9.2c2.3-2.4,5.3-3.5,9.2-3.5c3.8,0,6.7,1.2,8.8,3.5c2.1,2.3,3.2,5.7,3.3,10h-8.4c0.1-1.4-0.2-2.8-0.8-4.1
+			c-0.5-1-1.4-1.4-2.8-1.4c-2.5,0-3.7,1.5-3.7,4.4c0,1.5,0.3,2.6,0.9,3.5c0.9,1,2,1.7,3.2,2.2l3.1,1.4c3.2,1.5,5.5,3.3,6.9,5.4
+			c1.4,2.2,2.1,5,2.1,8.6C116.5,107.4,115.4,110.7,113.1,113z"/>
+	</g>
+</g>
+</svg>
diff --git a/public/icons/skills/css3.svg b/public/icons/skills/css3.svg
index ba15b0f..5db74e2 100644
--- a/public/icons/skills/css3.svg
+++ b/public/icons/skills/css3.svg
@@ -1 +1,26 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"><path fill="#9ba1ab" d="M8.76 1l10.055 112.883 45.118 12.58 45.244-12.626L119.24 1H8.76zm89.591 25.862l-3.347 37.605.01.203-.014.467v-.004l-2.378 26.294-.262 2.336L64 101.607v.001l-.022.019-28.311-7.888L33.75 72h13.883l.985 11.054 15.386 4.17-.004.008v-.002l15.443-4.229L81.075 65H48.792l-.277-3.043-.631-7.129L47.553 51h34.749l1.264-14H30.64l-.277-3.041-.63-7.131L29.401 23h69.281l-.331 3.862z"/></svg>
\ No newline at end of file
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Adobe Illustrator 29.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 128 128" style="enable-background:new 0 0 128 128;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#9BA1AB;}
+</style>
+<g>
+	<g>
+		<path class="st0" d="M106.5,1.5H1.5v105c0,11,9,20,20,20h85c11,0,20-9,20-20v-85C126.5,10.5,117.5,1.5,106.5,1.5z M59.4,84.7h-9.2
+			v-1.6c0-1.7-0.4-3-1.1-3.8c-0.6-0.8-1.7-1.3-2.7-1.3c-1.5,0-2.6,0.5-3.2,1.6c-0.6,1.4-0.9,3-0.8,4.6v18.3c0,3.8,1.3,5.8,4,5.8
+			c1.3,0,2.2-0.5,2.8-1.4c0.7-1.1,1-2.5,1-3.8v-1.4h9.2v1.4c0,3-0.6,5.4-1.7,7.4c-1.1,1.9-2.8,3.5-4.8,4.5c-2.1,1-4.5,1.5-6.9,1.5
+			c-4,0-7.1-1.1-9.4-3.2c-2.3-2.1-3.5-5.4-3.5-9.6v-21c0-4.2,1.2-7.4,3.7-9.6c2.5-2.2,5.8-3.3,9.8-3.3c3.9,0,7,1.1,9.3,3.4
+			c2.3,2.2,3.5,5.6,3.5,10V84.7z M84.9,113c-2.3,2.3-5.5,3.5-9.5,3.5c-4,0-7.1-1.2-9.3-3.5c-2.1-2.4-3.3-5.8-3.4-10.2h8.7
+			c0.1,3.9,1.4,5.9,4.1,5.9c1.4,0,2.4-0.4,2.9-1.3c0.6-0.9,0.8-2.2,0.8-4.1c0-1.5-0.4-2.8-1.1-3.7c-1-1.2-2.3-2.1-3.7-2.6l-3.2-1.6
+			c-2.9-1.4-5-3-6.3-4.9c-1.3-1.9-1.9-4.5-1.9-7.9c0-3.8,1.1-6.9,3.3-9.2c2.3-2.4,5.3-3.5,9.2-3.5c3.8,0,6.7,1.2,8.8,3.5
+			c2.1,2.3,3.2,5.7,3.3,10h-8.4c0-1.4-0.2-2.8-0.8-4.1c-0.5-1-1.4-1.4-2.8-1.4c-2.5,0-3.7,1.5-3.7,4.4c0,1.5,0.3,2.6,0.9,3.5
+			c0.9,1,2,1.7,3.2,2.2l3.1,1.4c3.2,1.5,5.5,3.3,6.9,5.4c1.4,2.2,2.1,5,2.1,8.6C88.3,107.4,87.2,110.7,84.9,113z M113.1,113
+			c-2.3,2.3-5.5,3.5-9.5,3.5h0c-4,0-7.1-1.2-9.3-3.5c-2.1-2.4-3.3-5.8-3.4-10.2h8.7c0,3.9,1.4,5.9,4.1,5.9c1.4,0,2.4-0.4,2.9-1.3
+			c0.6-0.9,0.8-2.2,0.8-4.1c0-1.5-0.4-2.8-1.1-3.7c-1-1.2-2.3-2.1-3.7-2.6l-3.2-1.6c-2.9-1.4-5-3-6.3-4.9c-1.3-1.9-1.9-4.5-1.9-7.9
+			c0-3.8,1.1-6.9,3.3-9.2c2.3-2.4,5.3-3.5,9.2-3.5c3.8,0,6.7,1.2,8.8,3.5c2.1,2.3,3.2,5.7,3.3,10h-8.4c0.1-1.4-0.2-2.8-0.8-4.1
+			c-0.5-1-1.4-1.4-2.8-1.4c-2.5,0-3.7,1.5-3.7,4.4c0,1.5,0.3,2.6,0.9,3.5c0.9,1,2,1.7,3.2,2.2l3.1,1.4c3.2,1.5,5.5,3.3,6.9,5.4
+			c1.4,2.2,2.1,5,2.1,8.6C116.5,107.4,115.4,110.7,113.1,113z"/>
+	</g>
+</g>
+</svg>