1 files changed, 57 insertions, 0 deletions
diff --git a/templates/style.css b/templates/style.css
new file mode 100644
index 0000000..6e43c21
--- /dev/null
+++ b/templates/style.css
@@ -0,0 +1,57 @@
+@tailwind base;
+@tailwind components;
+
+:root {
+  --color-primary-500: #d946ef;
+  --color-secondary-500: #14b8a6;
+  --color-complementary-yellow-400: #facc15;
+  --color-complementary-rose-500: #f43f5e;
+  --color-complementary-blue-500: #3b82f6;
+}
+.primary {
+  background-color: var(--color-primary-500);
+}
+.secondary {
+  background-color: var(--color-secondary-500);
+}
+.complementary-yellow {
+  background-color: var(--color-complementary-yellow-400);
+}
+.complementary-rose {
+  background-color: var(--color-complementary-rose-500);
+}
+.complementary-blue {
+  background-color: var(--color-complementary-blue-500);
+}
+.color-box {
+  width: 100px;
+  height: 100px;
+  margin: 10px;
+  display: inline-block;
+}
+div {
+  @apply rounded-md;
+}
+.text-interactive {
+  @apply text-secondary-500 hover:text-fuchsia-600;
+}
+.header {
+  @apply w-2/3 bg-primary-300 flex p-2;
+}
+.about {
+  @apply border-4 border-fuchsia-200 border-dashed p-2 justify-items-center;
+}
+.about p {
+  @apply text-2xl;
+}
+.about li a {
+  @apply underline decoration-secondary-500 hover:decoration-primary-400;
+} 
+.source-code-pro-500 {
+  font-family: "Source Code Pro", monospace;
+  font-optical-sizing: auto;
+  font-weight: 500;
+  font-style: normal;
+}
+
+@tailwind utilities;