- 
-
-
+meowwww
-
+
-
\ No newline at end of file
+ line-height: 32px;
+ margin: 8px 0 8px 0;
+
+ animation: billboard 20s linear infinite;
+ }
+ img {
+ margin: 0 8px 0 8px;
+ }
+ @keyframes billboard {
+ 0% {
+ transform: translate3d(100%, 0, 0);
+ }
+ 25% {
+ transform: translateZ(0);
+ }
+ 75% {
+ transform: translateZ(0);
+ }
+ to {
+ transform: translate3d(-100%, 0, 0);
+ }
+ }
+
diff --git a/src/lib/components/blinkies.svelte b/src/lib/components/blinkies.svelte
index 7e14ab7..497d0e3 100644
--- a/src/lib/components/blinkies.svelte
+++ b/src/lib/components/blinkies.svelte
@@ -23,7 +23,10 @@
height: 20px;
}
.holder {
+ width: 800px;
+ margin: 0 auto;
overflow: hidden;
+ height: 20px;
}
.marquee {
display: inline-flex;
diff --git a/src/lib/components/title.svelte b/src/lib/components/title.svelte
index f10c173..f2eff68 100644
--- a/src/lib/components/title.svelte
+++ b/src/lib/components/title.svelte
@@ -1,9 +1,25 @@
-
+
+
+
meowwww
+welcome to...
-BANII.CAFE
+
+
-
\ No newline at end of file
+ h1 {
+ background: linear-gradient(
+ 90deg,
+ #00d4ff00 0%,
+ vars.$base-color 25%,
+ vars.$base-color 75%,
+ #00d4ff00 100%
+ );
+ color: black;
+ width: 800px;
+ margin: 0 auto;
+ }
+
diff --git a/src/lib/styles/base.scss b/src/lib/styles/base.scss
new file mode 100644
index 0000000..125d1ea
--- /dev/null
+++ b/src/lib/styles/base.scss
@@ -0,0 +1,20 @@
+@use './variables' as vars;
+
+* {
+ margin: 0;
+}
+
+body {
+ background-image: url('$lib/assets/img/bg.webp');
+ background-size: 256px;
+
+ color: #fefefe;
+
+ /* display: flex;
+ justify-content: center;
+ width: 100%; */
+}
+
+.window {
+ border: solid 2px vars.$base-color;
+}
\ No newline at end of file
diff --git a/src/lib/styles/variables.scss b/src/lib/styles/variables.scss
new file mode 100644
index 0000000..b3d626a
--- /dev/null
+++ b/src/lib/styles/variables.scss
@@ -0,0 +1 @@
+$base-color: #dede6c;
\ No newline at end of file
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 2789e65..1a8b336 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,7 +1,13 @@
@@ -10,4 +16,24 @@
-{@render children?.()}
+welcome to...
+