From 59fc7a0a5b28068002f62749502f7eaa1871c055 Mon Sep 17 00:00:00 2001
From: Stas Medvedev <medvedevsa97@gmail.com>
Date: Tue, 11 Jun 2024 00:43:21 +0300
Subject: =?UTF-8?q?=D0=9D=D0=B0=D0=BA=D0=B8=D0=B4=D0=B0=D0=BB=20html?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 templates/style.css | 57 +++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 57 insertions(+)
 create mode 100644 templates/style.css

(limited to 'templates/style.css')

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;
-- 
cgit v1.2.3