Update and run autoprefixer (#653)

Co-authored-by: kodiakhq[bot] <kodiakhq[bot]@users.noreply.github.com>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

package-lock.json

@@ -8,8 +8,8 @@
       "version": "1.0.0",
       "license": "MIT",
       "devDependencies": {
-        "autoprefixer": "^10.4.11",
-        "postcss": "^8.4.16",
+        "autoprefixer": "^10.4.12",
+        "postcss": "^8.4.17",
         "postcss-cli": "^8.3.1"
       }
     },
@@ -104,9 +104,9 @@
       }
     },
     "node_modules/autoprefixer": {
-      "version": "10.4.11",
-      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.11.tgz",
-      "integrity": "sha512-5lHp6DgRodxlBLSkzHOTcufWFflH1ewfy2hvFQyjrblBFlP/0Yh4O/Wrg4ow8WRlN3AAUFFLAQwX8hTptzqVHg==",
+      "version": "10.4.12",
+      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.12.tgz",
+      "integrity": "sha512-WrCGV9/b97Pa+jtwf5UGaRjgQIg7OK3D06GnoYoZNcG1Xb8Gt3EfuKjlhh9i/VtT16g6PYjZ69jdJ2g8FxSC4Q==",
       "dev": true,
       "funding": [
         {
@@ -119,8 +119,8 @@
         }
       ],
       "dependencies": {
-        "browserslist": "^4.21.3",
-        "caniuse-lite": "^1.0.30001399",
+        "browserslist": "^4.21.4",
+        "caniuse-lite": "^1.0.30001407",
         "fraction.js": "^4.2.0",
         "normalize-range": "^0.1.2",
         "picocolors": "^1.0.0",
@@ -158,9 +158,9 @@
       }
     },
     "node_modules/browserslist": {
-      "version": "4.21.3",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.21.3.tgz",
-      "integrity": "sha512-898rgRXLAyRkM1GryrrBHGkqA5hlpkV5MhtZwg9QXeiyLUYs2k00Un05aX5l2/yJIOObYKOpS2JNo8nJDE7fWQ==",
+      "version": "4.21.4",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.21.4.tgz",
+      "integrity": "sha512-CBHJJdDmgjl3daYjN5Cp5kbTf1mUhZoS+beLklHIvkOWscs83YAhLlF3Wsh/lciQYAcbBJgTOD44VtG31ZM4Hw==",
       "dev": true,
       "funding": [
         {
@@ -173,10 +173,10 @@
         }
       ],
       "dependencies": {
-        "caniuse-lite": "^1.0.30001370",
-        "electron-to-chromium": "^1.4.202",
+        "caniuse-lite": "^1.0.30001400",
+        "electron-to-chromium": "^1.4.251",
         "node-releases": "^2.0.6",
-        "update-browserslist-db": "^1.0.5"
+        "update-browserslist-db": "^1.0.9"
       },
       "bin": {
         "browserslist": "cli.js"
@@ -186,9 +186,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001400",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001400.tgz",
-      "integrity": "sha512-Mv659Hn65Z4LgZdJ7ge5JTVbE3rqbJaaXgW5LEI9/tOaXclfIZ8DW7D7FCWWWmWiiPS7AC48S8kf3DApSxQdgA==",
+      "version": "1.0.30001414",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001414.tgz",
+      "integrity": "sha512-t55jfSaWjCdocnFdKQoO+d2ct9C59UZg4dY3OnUlSZ447r8pUtIKdp0hpAzrGFultmTC+Us+KpKi4GZl/LXlFg==",
       "dev": true,
       "funding": [
         {
@@ -295,9 +295,9 @@
       }
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.4.206",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.206.tgz",
-      "integrity": "sha512-h+Fadt1gIaQ06JaIiyqPsBjJ08fV5Q7md+V8bUvQW/9OvXfL2LRICTz2EcnnCP7QzrFTS6/27MRV6Bl9Yn97zA==",
+      "version": "1.4.270",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.270.tgz",
+      "integrity": "sha512-KNhIzgLiJmDDC444dj9vEOpZEgsV96ult9Iff98Vanumn+ShJHd5se8aX6KeVxdc0YQeqdrezBZv89rleDbvSg==",
       "dev": true
     },
     "node_modules/emoji-regex": {
@@ -692,9 +692,9 @@
       }
     },
     "node_modules/postcss": {
-      "version": "8.4.16",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.16.tgz",
-      "integrity": "sha512-ipHE1XBvKzm5xI7hiHCZJCSugxvsdq2mPnsq5+UF+VHCjiBvtDrlxJfMBToWaP9D5XlgNmcFGqoHmUn0EYEaRQ==",
+      "version": "8.4.17",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.17.tgz",
+      "integrity": "sha512-UNxNOLQydcOFi41yHNMcKRZ39NeXlr8AxGuZJsdub8vIb12fHzcq37DTU/QtbI6WLxNg2gF9Z+8qtRwTj1UI1Q==",
       "dev": true,
       "funding": [
         {
@@ -979,9 +979,9 @@
       }
     },
     "node_modules/update-browserslist-db": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.5.tgz",
-      "integrity": "sha512-dteFFpCyvuDdr9S/ff1ISkKt/9YZxKjI9WlRR99c180GaztJtRa/fn18FdxGVKVsnPY7/a/FDN68mcvUmP4U7Q==",
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.9.tgz",
+      "integrity": "sha512-/xsqn21EGVdXI3EXSum1Yckj3ZVZugqyOZQ/CxYPBD/R+ko9NSUScf8tFF4dOKY+2pvSSJA/S+5B8s4Zr4kyvg==",
       "dev": true,
       "funding": [
         {
@@ -1132,13 +1132,13 @@
       "dev": true
     },
     "autoprefixer": {
-      "version": "10.4.11",
-      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.11.tgz",
-      "integrity": "sha512-5lHp6DgRodxlBLSkzHOTcufWFflH1ewfy2hvFQyjrblBFlP/0Yh4O/Wrg4ow8WRlN3AAUFFLAQwX8hTptzqVHg==",
+      "version": "10.4.12",
+      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.12.tgz",
+      "integrity": "sha512-WrCGV9/b97Pa+jtwf5UGaRjgQIg7OK3D06GnoYoZNcG1Xb8Gt3EfuKjlhh9i/VtT16g6PYjZ69jdJ2g8FxSC4Q==",
       "dev": true,
       "requires": {
-        "browserslist": "^4.21.3",
-        "caniuse-lite": "^1.0.30001399",
+        "browserslist": "^4.21.4",
+        "caniuse-lite": "^1.0.30001407",
         "fraction.js": "^4.2.0",
         "normalize-range": "^0.1.2",
         "picocolors": "^1.0.0",
@@ -1161,21 +1161,21 @@
       }
     },
     "browserslist": {
-      "version": "4.21.3",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.21.3.tgz",
-      "integrity": "sha512-898rgRXLAyRkM1GryrrBHGkqA5hlpkV5MhtZwg9QXeiyLUYs2k00Un05aX5l2/yJIOObYKOpS2JNo8nJDE7fWQ==",
+      "version": "4.21.4",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.21.4.tgz",
+      "integrity": "sha512-CBHJJdDmgjl3daYjN5Cp5kbTf1mUhZoS+beLklHIvkOWscs83YAhLlF3Wsh/lciQYAcbBJgTOD44VtG31ZM4Hw==",
       "dev": true,
       "requires": {
-        "caniuse-lite": "^1.0.30001370",
-        "electron-to-chromium": "^1.4.202",
+        "caniuse-lite": "^1.0.30001400",
+        "electron-to-chromium": "^1.4.251",
         "node-releases": "^2.0.6",
-        "update-browserslist-db": "^1.0.5"
+        "update-browserslist-db": "^1.0.9"
       }
     },
     "caniuse-lite": {
-      "version": "1.0.30001400",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001400.tgz",
-      "integrity": "sha512-Mv659Hn65Z4LgZdJ7ge5JTVbE3rqbJaaXgW5LEI9/tOaXclfIZ8DW7D7FCWWWmWiiPS7AC48S8kf3DApSxQdgA==",
+      "version": "1.0.30001414",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001414.tgz",
+      "integrity": "sha512-t55jfSaWjCdocnFdKQoO+d2ct9C59UZg4dY3OnUlSZ447r8pUtIKdp0hpAzrGFultmTC+Us+KpKi4GZl/LXlFg==",
       "dev": true
     },
     "chalk": {
@@ -1252,9 +1252,9 @@
       }
     },
     "electron-to-chromium": {
-      "version": "1.4.206",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.206.tgz",
-      "integrity": "sha512-h+Fadt1gIaQ06JaIiyqPsBjJ08fV5Q7md+V8bUvQW/9OvXfL2LRICTz2EcnnCP7QzrFTS6/27MRV6Bl9Yn97zA==",
+      "version": "1.4.270",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.270.tgz",
+      "integrity": "sha512-KNhIzgLiJmDDC444dj9vEOpZEgsV96ult9Iff98Vanumn+ShJHd5se8aX6KeVxdc0YQeqdrezBZv89rleDbvSg==",
       "dev": true
     },
     "emoji-regex": {
@@ -1543,9 +1543,9 @@
       "dev": true
     },
     "postcss": {
-      "version": "8.4.16",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.16.tgz",
-      "integrity": "sha512-ipHE1XBvKzm5xI7hiHCZJCSugxvsdq2mPnsq5+UF+VHCjiBvtDrlxJfMBToWaP9D5XlgNmcFGqoHmUn0EYEaRQ==",
+      "version": "8.4.17",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.17.tgz",
+      "integrity": "sha512-UNxNOLQydcOFi41yHNMcKRZ39NeXlr8AxGuZJsdub8vIb12fHzcq37DTU/QtbI6WLxNg2gF9Z+8qtRwTj1UI1Q==",
       "dev": true,
       "requires": {
         "nanoid": "^3.3.4",
@@ -1718,9 +1718,9 @@
       "dev": true
     },
     "update-browserslist-db": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.5.tgz",
-      "integrity": "sha512-dteFFpCyvuDdr9S/ff1ISkKt/9YZxKjI9WlRR99c180GaztJtRa/fn18FdxGVKVsnPY7/a/FDN68mcvUmP4U7Q==",
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.9.tgz",
+      "integrity": "sha512-/xsqn21EGVdXI3EXSum1Yckj3ZVZugqyOZQ/CxYPBD/R+ko9NSUScf8tFF4dOKY+2pvSSJA/S+5B8s4Zr4kyvg==",
       "dev": true,
       "requires": {
         "escalade": "^3.1.1",

package.json

@@ -17,8 +17,8 @@
   },
   "homepage": "https://github.com/hugo-toha/toha#readme",
   "devDependencies": {
-    "autoprefixer": "^10.4.11",
-    "postcss": "^8.4.16",
+    "autoprefixer": "^10.4.12",
+    "postcss": "^8.4.17",
     "postcss-cli": "^8.3.1"
   }
 }

static/css/layouts/list.css

@@ -67,7 +67,6 @@
 }
 
 .paginator {
-  width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   margin: auto;
@@ -91,7 +90,6 @@
   margin-right: auto;
   margin-top: 0.5rem;
   margin-bottom: 0.5rem;
-  width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
 }

static/css/layouts/main.css

@@ -244,10 +244,8 @@ td {
 
 figure {
   border: 1px solid #c0ccda;
-  height: -webkit-fit-content;
   height: -moz-fit-content;
   height: fit-content;
-  width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   align-self: center;
@@ -312,7 +310,6 @@ mark {
 
 /* ======= Paginator ========= */
 .paginator {
-  width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   margin: auto;

static/css/layouts/single.css

@@ -438,7 +438,6 @@ h6 {
   .toc-section {
     order: 2;
     width: 100%;
-    height: -webkit-fit-content;
     height: -moz-fit-content;
     height: fit-content;
     max-height: 0;
@@ -451,7 +450,6 @@ h6 {
     position: relative;
     /* height: fit-content; */
     flex: 100%;
-    height: -webkit-fit-content;
     height: -moz-fit-content;
     height: fit-content;
     max-height: 200vh;

static/css/navigators/navbar.css

@@ -167,7 +167,6 @@
 /* IPad Pro */
 @media (max-width: 1024px) {
   .top-navbar {
-    height: -webkit-fit-content;
     height: -moz-fit-content;
     height: fit-content;
     padding-bottom: 0px;

static/css/navigators/sidebar.css

@@ -25,7 +25,6 @@
 .sidebar-tree {
   padding-left: 1rem;
   position: relative;
-  width: -webkit-max-content;
   width: -moz-max-content;
   width: max-content;
 }
@@ -247,7 +246,6 @@ a.focused {
   .sidebar-section.hide {
     margin-top: 2rem;
     position: relative;
-    height: -webkit-fit-content;
     height: -moz-fit-content;
     height: fit-content;
     flex: none;
@@ -258,7 +256,6 @@ a.focused {
 
   .sidebar-holder {
     max-height: 0;
-    height: -webkit-fit-content;
     height: -moz-fit-content;
     height: fit-content;
     overflow: hidden;
@@ -273,10 +270,8 @@ a.focused {
 
   .sidebar {
     position: relative;
-    height: -webkit-fit-content;
     height: -moz-fit-content;
     height: fit-content;
-    max-height: -webkit-fit-content;
     max-height: -moz-fit-content;
     max-height: fit-content;
     width: 100vw;

static/css/sections/about.css

@@ -76,8 +76,7 @@
   border-bottom-left-radius: 80px;
   border-right: 0;
   transform-origin: center right;
-  -webkit-animation: circular-loading-1 1.8s linear forwards;
-          animation: circular-loading-1 1.8s linear forwards;
+  animation: circular-loading-1 1.8s linear forwards;
 }
 
 .circular-progress .circular-progress-value {
@@ -123,67 +122,47 @@
 }
 
 .circular-progress-percentage-50 {
-  -webkit-animation: circular-loading-50 0s linear forwards 1.8s;
-          animation: circular-loading-50 0s linear forwards 1.8s;
+  animation: circular-loading-50 0s linear forwards 1.8s;
 }
 
 .circular-progress-percentage-55 {
-  -webkit-animation: circular-loading-55 0.18s linear forwards 1.8s;
-          animation: circular-loading-55 0.18s linear forwards 1.8s;
+  animation: circular-loading-55 0.18s linear forwards 1.8s;
 }
 
 .circular-progress-percentage-60 {
-  -webkit-animation: circular-loading-60 0.36s linear forwards 1.8s;
-          animation: circular-loading-60 0.36s linear forwards 1.8s;
+  animation: circular-loading-60 0.36s linear forwards 1.8s;
 }
 
 .circular-progress-percentage-65 {
-  -webkit-animation: circular-loading-65 0.54s linear forwards 1.8s;
-          animation: circular-loading-65 0.54s linear forwards 1.8s;
+  animation: circular-loading-65 0.54s linear forwards 1.8s;
 }
 
 .circular-progress-percentage-70 {
-  -webkit-animation: circular-loading-70 0.72s linear forwards 1.8s;
-          animation: circular-loading-70 0.72s linear forwards 1.8s;
+  animation: circular-loading-70 0.72s linear forwards 1.8s;
 }
 
 .circular-progress-percentage-75 {
-  -webkit-animation: circular-loading-75 0.9s linear forwards 1.8s;
-          animation: circular-loading-75 0.9s linear forwards 1.8s;
+  animation: circular-loading-75 0.9s linear forwards 1.8s;
 }
 
 .circular-progress-percentage-80 {
-  -webkit-animation: circular-loading-80 1.08s linear forwards 1.8s;
-          animation: circular-loading-80 1.08s linear forwards 1.8s;
+  animation: circular-loading-80 1.08s linear forwards 1.8s;
 }
 
 .circular-progress-percentage-85 {
-  -webkit-animation: circular-loading-85 1.26s linear forwards 1.8s;
-          animation: circular-loading-85 1.26s linear forwards 1.8s;
+  animation: circular-loading-85 1.26s linear forwards 1.8s;
 }
 
 .circular-progress-percentage-90 {
-  -webkit-animation: circular-loading-90 1.44s linear forwards 1.8s;
-          animation: circular-loading-90 1.44s linear forwards 1.8s;
+  animation: circular-loading-90 1.44s linear forwards 1.8s;
 }
 
 .circular-progress-percentage-95 {
-  -webkit-animation: circular-loading-95 1.62s linear forwards 1.8s;
-          animation: circular-loading-95 1.62s linear forwards 1.8s;
+  animation: circular-loading-95 1.62s linear forwards 1.8s;
 }
 
 .circular-progress-percentage-100 {
-  -webkit-animation: circular-loading-100 1.8s linear forwards 1.8s;
-          animation: circular-loading-100 1.8s linear forwards 1.8s;
-}
-
-@-webkit-keyframes circular-loading-50 {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(0deg);
-  }
+  animation: circular-loading-100 1.8s linear forwards 1.8s;
 }
 
 @keyframes circular-loading-50 {
@@ -195,15 +174,6 @@
   }
 }
 
-@-webkit-keyframes circular-loading-55 {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(18deg);
-  }
-}
-
 @keyframes circular-loading-55 {
   0% {
     transform: rotate(0deg);
@@ -213,15 +183,6 @@
   }
 }
 
-@-webkit-keyframes circular-loading-60 {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(36deg);
-  }
-}
-
 @keyframes circular-loading-60 {
   0% {
     transform: rotate(0deg);
@@ -231,15 +192,6 @@
   }
 }
 
-@-webkit-keyframes circular-loading-65 {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(54deg);
-  }
-}
-
 @keyframes circular-loading-65 {
   0% {
     transform: rotate(0deg);
@@ -249,15 +201,6 @@
   }
 }
 
-@-webkit-keyframes circular-loading-70 {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(72deg);
-  }
-}
-
 @keyframes circular-loading-70 {
   0% {
     transform: rotate(0deg);
@@ -267,15 +210,6 @@
   }
 }
 
-@-webkit-keyframes circular-loading-75 {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(90deg);
-  }
-}
-
 @keyframes circular-loading-75 {
   0% {
     transform: rotate(0deg);
@@ -285,15 +219,6 @@
   }
 }
 
-@-webkit-keyframes circular-loading-80 {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(108deg);
-  }
-}
-
 @keyframes circular-loading-80 {
   0% {
     transform: rotate(0deg);
@@ -303,15 +228,6 @@
   }
 }
 
-@-webkit-keyframes circular-loading-85 {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(126deg);
-  }
-}
-
 @keyframes circular-loading-85 {
   0% {
     transform: rotate(0deg);
@@ -321,15 +237,6 @@
   }
 }
 
-@-webkit-keyframes circular-loading-90 {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(144deg);
-  }
-}
-
 @keyframes circular-loading-90 {
   0% {
     transform: rotate(0deg);
@@ -339,15 +246,6 @@
   }
 }
 
-@-webkit-keyframes circular-loading-95 {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(162deg);
-  }
-}
-
 @keyframes circular-loading-95 {
   0% {
     transform: rotate(0deg);
@@ -357,15 +255,6 @@
   }
 }
 
-@-webkit-keyframes circular-loading-100 {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(180deg);
-  }
-}
-
 @keyframes circular-loading-100 {
   0% {
     transform: rotate(0deg);
@@ -375,15 +264,6 @@
   }
 }
 
-@-webkit-keyframes circular-loading-1 {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(180deg);
-  }
-}
-
 @keyframes circular-loading-1 {
   0% {
     transform: rotate(0deg);
@@ -393,15 +273,6 @@
   }
 }
 
-@-webkit-keyframes circular-loading-2 {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(144deg);
-  }
-}
-
 @keyframes circular-loading-2 {
   0% {
     transform: rotate(0deg);
@@ -411,15 +282,6 @@
   }
 }
 
-@-webkit-keyframes circular-loading-3 {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(90deg);
-  }
-}
-
 @keyframes circular-loading-3 {
   0% {
     transform: rotate(0deg);
@@ -429,15 +291,6 @@
   }
 }
 
-@-webkit-keyframes circular-loading-4 {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(36deg);
-  }
-}
-
 @keyframes circular-loading-4 {
   0% {
     transform: rotate(0deg);
@@ -447,15 +300,6 @@
   }
 }
 
-@-webkit-keyframes circular-loading-5 {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(126deg);
-  }
-}
-
 @keyframes circular-loading-5 {
   0% {
     transform: rotate(0deg);

static/css/sections/home.css

@@ -66,24 +66,7 @@
 }
 
 .bounce {
-  -webkit-animation: bounce 2s infinite;
-          animation: bounce 2s infinite;
-}
-
-@-webkit-keyframes bounce {
-  0%,
-  20%,
-  50%,
-  80%,
-  100% {
-    transform: translateY(0);
-  }
-  40% {
-    transform: translateY(-30px);
-  }
-  60% {
-    transform: translateY(-15px);
-  }
+  animation: bounce 2s infinite;
 }
 
 @keyframes bounce {

static/css/sections/skills.css

@@ -1,6 +1,5 @@
 .skills-section .card .card-head {
   background-color: #f9fafc;
-  height: -webkit-fit-content;
   height: -moz-fit-content;
   height: fit-content;
   padding: 0.7rem;