Include basic styles using pico-css library

web/package-lock.json

@@ -8,6 +8,7 @@
       "name": "web",
       "version": "0.1.0",
       "dependencies": {
+        "@picocss/pico": "^2.0.6",
         "@testing-library/jest-dom": "^5.17.0",
         "@testing-library/react": "^13.4.0",
         "@testing-library/user-event": "^13.5.0",
@@ -3362,6 +3363,15 @@
         "url": "https://opencollective.com/parcel"
       }
     },
+    "node_modules/@picocss/pico": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/@picocss/pico/-/pico-2.0.6.tgz",
+      "integrity": "sha512-/d8qsykowelD6g8k8JYgmCagOIulCPHMEc2NC4u7OjmpQLmtSetLhEbt0j1n3fPNJVcrT84dRp0RfJBn3wJROA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.19.0"
+      }
+    },
     "node_modules/@pkgjs/parseargs": {
       "version": "0.11.0",
       "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",

web/package.json

@@ -3,6 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
+    "@picocss/pico": "^2.0.6",
     "@testing-library/jest-dom": "^5.17.0",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",

web/src/App.scss

@@ -1,12 +1,3 @@
-body {
+@use "node_modules/@picocss/pico/scss/pico" with (
-    font-size: 20px;
+    $theme-color: "pumpkin"
-
+);
-    header > button {
-        background-color: aliceblue;
-        padding: 10px;
-        margin-bottom: 10px;
-        border: 1px solid black;
-        border-radius: 10%;
-        display: block;
-    }
-}