Blog post step 2 - add CSS for demo project

athomasoriginal · May 19, 2019 · db93714 · db93714
1 parent 90156bf
commit db93714
Showing 1 changed file with 29 additions and 0 deletions.
diff --git a/style.css b/style.css
@@ -0,0 +1,29 @@
+:root {
+  --color-purple: rgba(197, 18, 193, 1);
+  --color-pink: rgba(241, 50, 50, 1);
+}
+
+body {
+  margin: 0;
+  height: 100vh;
+  display: flex;
+  font-family: Arial;
+  align-items: center;
+  justify-content: center;
+}
+
+.site__title {
+  font-size: 100px;
+  width: 50%;
+  text-align: center;
+}
+
+.site__title-text {
+  background: -webkit-linear-gradient(
+    34deg,
+    var(--color-purple),
+    var(--color-pink)
+  );
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}