First Commit

nodeJS/Learning/07/app/public/css/pages/post.css

@@ -0,0 +1,79 @@
+@import url("https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&family=Space+Grotesk:wght@300..700&display=swap");
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+* {
+  margin: 0;
+}
+
+html,
+body {
+  height: 100%;
+}
+
+body {
+  line-height: 1.5;
+  -webkit-font-smoothing: antialiased;
+}
+
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  max-width: 100%;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+/* Style each tag in an html */
+/* describe to chatgpt what you want, good at css, or css reference */
+/* font: sans-serif for headers, serif for paragraphs, mono for whatever */
+body {
+  background: linear-gradient(to top right, #3b3561, rgb(191.3, 187.1, 217.9));
+  height: 100vh;
+}
+body .content {
+  margin: 10vh;
+  padding: 5vh;
+  align-items: center;
+}
+body .content .h1 {
+  font-family: "Lexend", serif;
+}
+body .content .img {
+  height: auto;
+  width: 35vh;
+}
+body .content .post-description {
+  font-family: "Space Grotesk", monospace;
+}
+body .content .post-content {
+  font-family: "Space Grotesk", monospace;
+}
+
+/*# sourceMappingURL=post.css.map */