diff --git a/src/app.css b/src/app.css
index 67885d0..60b9648 100644
--- a/src/app.css
+++ b/src/app.css
@@ -4,8 +4,28 @@
html,
body {
- @apply bg-zinc-800;
@apply text-white;
padding: 0;
margin: 0;
}
+
+.navbar {
+ background-image: url(/background.png);
+ animation-name: scrollbg;
+ animation-duration: 120s;
+ animation-iteration-count: infinite;
+ animation-timing-function: linear;
+}
+
+@keyframes scrollbg {
+ from {
+ background-position: 0 0;
+ }
+ to {
+ background-position: 100% 100%;
+ }
+}
+
+.dropdown:hover .dropdown-content {
+ display: block;
+}
diff --git a/src/lib/components/Button.svelte b/src/lib/components/Button.svelte
new file mode 100644
index 0000000..e69de29
diff --git a/src/lib/components/CatalogItem.svelte b/src/lib/components/CatalogItem.svelte
new file mode 100644
index 0000000..e69de29
diff --git a/src/lib/components/GameListed.svelte b/src/lib/components/GameListed.svelte
new file mode 100644
index 0000000..e69de29
diff --git a/src/lib/components/InventoryItem.svelte b/src/lib/components/InventoryItem.svelte
new file mode 100644
index 0000000..e69de29
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 9e20eb0..5aa5550 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -2,4 +2,65 @@
import "../app.css";
+
+
+
diff --git a/static/rowbux.png b/static/rowbux.png
new file mode 100644
index 0000000..0bcdbb9
Binary files /dev/null and b/static/rowbux.png differ
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
index 1d0ed50..6ae27f5 100644
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -1,11 +1,14 @@
/** @type {import('tailwindcss').Config} */
module.exports = {
- content: ['./src/**/*.{html,js,svelte,ts}'],
- theme: {
- container: {
+ content: ["./src/**/*.{html,js,svelte,ts}"],
+ theme: {
+ container: {
center: true,
- },
- extend: {}
- },
- plugins: []
-};
\ No newline at end of file
+ padding: {
+ "2xl": "16rem"
+ }
+ },
+ extend: {}
+ },
+ plugins: []
+};
+ 
+ 100
+