feat: use tailwind and daisyui

2 files changed, 6 insertions, 93 deletions

diff --git a/src/styles/main.css b/src/styles/main.css
new file mode 100644
index 0000000..28a9282
--- /dev/null
+++ b/src/styles/main.css
@@ -0,0 +1,6 @@
+@import "tailwindcss";
+@plugin "@tailwindcss/typography";
+
+@plugin "daisyui" {
+	themes: dracula --default;
+}
diff --git a/src/styles/style.scss b/src/styles/style.scss
deleted file mode 100644
index 4d730e9..0000000
--- a/src/styles/style.scss
+++ /dev/null
@@ -1,93 +0,0 @@
-@import "@catppuccin/palette/scss/_mocha.scss";
-
-a {
-	color: $blue;
-}
-
-body {
-	font-family:
-		Noto Sans,
-		-apple-system,
-		BlinkMacSystemFont,
-		avenir next,
-		avenir,
-		segoe ui,
-		helvetica neue,
-		helvetica,
-		Cantarell,
-		Ubuntu,
-		roboto,
-		noto,
-		arial,
-		sans-serif;
-	color: $text;
-	background-color: $base;
-	max-width: 75%;
-	margin-left: auto;
-	margin-right: auto;
-	padding: 1.5rem;
-
-	@media (min-width: 768px) {
-		max-width: 50%;
-	}
-}
-
-nav {
-	align-items: center;
-	background-color: $surface0;
-	display: flex;
-	flex-wrap: wrap;
-	justify-content: center;
-	margin: auto;
-	padding: 0.5rem;
-
-	a {
-		margin: 0.5rem;
-	}
-
-	@media (min-width: 375px) {
-		a {
-			margin: 0.75rem;
-		}
-	}
-
-	@media (min-width: 768px) {
-		a {
-			margin: 1rem;
-		}
-	}
-
-	@media (min-width: 1024px) {
-		a {
-			font-size: 1.5rem;
-		}
-	}
-}
-
-footer {
-	font-size: 0.6rem;
-	text-align: right;
-
-	@media (min-width: 768px) {
-		font-size: 0.75rem;
-	}
-
-	p {
-		margin: 0.25rem;
-	}
-}
-
-.main-content {
-	padding: 1rem;
-}
-
-.gif-buttons {
-	align-items: center;
-	display: flex;
-	flex-flow: row wrap;
-	justify-content: center;
-}
-
-.gif-button {
-	padding: 0.25rem;
-}