add tailwind and do some replacements

1 files changed, 35 insertions, 0 deletions

diff --git a/assets/scss/input.css b/assets/scss/input.css
new file mode 100644
index 0000000..f9bf4b2
--- /dev/null
+++ b/assets/scss/input.css
@@ -0,0 +1,35 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+/* HERO */
+#hero {
+  text-shadow: 2px 2px 3px black;
+}
+
+blockquote::before {
+  font-family: "Font Awesome 6 Free";
+  color: #79c753;
+  content: "\f10d";
+  font-weight: 900;
+  font-size: 2rem;
+  position: absolute;
+  left: 10px;
+  top: -15px;
+}
+
+.baskerville {
+  font-family: baskerville, serif;
+}
+.w3-theme-border {
+  border-color: #79c753;
+}
+
+@layer base {
+  blockquote {
+    @apply border-l-4 p-6 pb-1 mx-8 relative w3-theme-border baskerville;
+  }
+  blockquote p:last-of-type {
+    @apply text-center uppercase mt-4;
+  }
+}