part-1

package-lock.json

@@ -8052,6 +8052,11 @@
       "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==",
       "dev": true
     },
+    "purecss": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/purecss/-/purecss-1.0.1.tgz",
+      "integrity": "sha512-mTUc5ZzpzafswEhCmTDfSRMMyRFdLYdd+KywMwnBC/MuA/Th7jug2z0Xso4WkxvtxoU/BS9aRb7WnBNyuA7YJQ=="
+    },
     "q": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/q/-/q-1.4.1.tgz",

package.json

@@ -19,6 +19,7 @@
     "@angular/platform-browser": "~8.1.2",
     "@angular/platform-browser-dynamic": "~8.1.2",
     "@angular/router": "~8.1.2",
+    "purecss": "^1.0.1",
     "rxjs": "~6.4.0",
     "tslib": "^1.9.0",
     "zone.js": "~0.9.1"

src/app/app.component.scss

@@ -0,0 +1,3 @@
+#app-base-container{
+    padding: 30px;
+}

src/styles.scss

@@ -1 +1,2 @@
 /* You can add global styles to this file, and also import other style files */
+@import "../node_modules/purecss/build/pure-min.css";