skills section overhaul

src/styles/main.scss

@@ -41,4 +41,32 @@ body {
 
 .splide__slide {
     display: flex;
+}
+
+.accordion-content-enter {
+    opacity: 0;
+    height: 0;
+    overflow: hidden;
+}
+
+.accordion-content-enter-active {
+    opacity: 1;
+    height: auto;
+    transition: opacity 300ms, height 300ms;
+}
+
+.accordion-content-exit {
+    opacity: 1;
+    height: auto;
+}
+
+.accordion-content-exit-active {
+    opacity: 0;
+    height: 0;
+    transition: opacity 300ms, height 300ms;
+    overflow: hidden;
+}
+
+.accordion-header {
+    text-align: center;
 }