From 53c38a324753d2581cc42209e40ef901cf1f6cd0 Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Sun, 16 Feb 2025 21:36:40 +0100
Subject: [PATCH] Add base styles

---
 src/styles/colors.sass |  3 +++
 src/styles/main.sass   | 47 ++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 50 insertions(+)
 create mode 100644 src/styles/colors.sass
 create mode 100644 src/styles/main.sass

diff --git a/src/styles/colors.sass b/src/styles/colors.sass
new file mode 100644
index 0000000..9434d47
--- /dev/null
+++ b/src/styles/colors.sass
@@ -0,0 +1,3 @@
+$primary: #634AFF
+$text: #11181C
+$text-light: #6B7280
\ No newline at end of file
diff --git a/src/styles/main.sass b/src/styles/main.sass
new file mode 100644
index 0000000..dd88aa4
--- /dev/null
+++ b/src/styles/main.sass
@@ -0,0 +1,47 @@
+@use "@/styles/colors" as *
+
+body
+  font-family: 'Inter', sans-serif
+  margin: 0
+
+.btn
+  display: flex
+  align-items: center
+  gap: 1rem
+  color: $text
+  padding: 0.7rem 1.1rem
+  border-radius: 1rem
+  border: none
+  font-size: 1.2rem
+  font-weight: 600
+  cursor: pointer
+  transition: 0.2s
+
+  &:hover
+    transform: scale(1.03) rotate(2deg)
+
+  &:active
+    transform: scale(0.95) rotate(-2deg)
+
+.btn-full
+  background-color: $primary
+  color: #FFFFFF
+
+.btn-light
+  background-color: rgba($primary, 0.05)
+  color: $primary
+
+
+main
+  margin: 3rem 20vw
+
+footer
+  position: fixed
+  bottom: 1rem
+  left: 0
+  width: 100%
+  display: flex
+  justify-content: center
+
+  span
+    color: $primary
\ No newline at end of file