Static css file & global ts type declaration file

src/app.d.ts

@@ -0,0 +1,12 @@
+// See https://kit.svelte.dev/docs/types#app
+// for information about these interfaces
+declare global {
+	namespace App {
+		// interface Error {}
+		// interface Locals {}
+		// interface PageData {}
+		// interface Platform {}
+	}
+}
+
+export {};

static/app.css

@@ -0,0 +1,113 @@
+:root {
+  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+  line-height: 1.5;
+  font-weight: 400;
+
+  color-scheme: light dark;
+  --color: rgba(255, 255, 255, 0.9);
+  --color-dim: rgba(255, 255, 255, 0.7);
+  --background: #242424;
+  --highlight: #101010;
+  --background: black;
+  --highlight: #242424;
+  --brand: #F6B138;
+
+  color: var(--color);
+  background-color: var(--background);
+
+  font-synthesis: none;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-text-size-adjust: 100%;
+}
+
+a {
+  font-weight: 500;
+  color: #646cff;
+  text-decoration: inherit;
+}
+a:hover {
+  color: #535bf2;
+}
+
+body {
+  margin:0;
+}
+
+.no-scroll {
+  overflow: hidden;
+}
+
+#app {
+  display: flex;
+  min-width: 320px;
+  min-height: 100vh;
+}
+
+main {
+  max-width: 550px;
+  margin: 0 auto 68px;
+  padding: 1rem;
+  display: flex;
+  flex-grow: 1;
+  flex-direction: column;
+}
+  
+main h1 {
+  margin: 0 0 2rem;
+  text-align: center;
+}
+
+main .header {
+  font-size: 1.2rem;
+  margin-bottom: 0.5rem;
+  margin-left: 0.5rem;
+  display: block;
+  font-weight: bold;
+
+  &:not(:first-of-type) {
+    margin-top: 2rem;
+  }
+}
+
+h1 {
+  font-size: 3.2em;
+  line-height: 1;
+}
+
+button {
+  border-radius: 8px;
+  border: 1px solid transparent;
+  padding: 0.6em 1.2em;
+  font-size: 1em;
+  font-weight: 500;
+  font-family: inherit;
+  background-color: #1a1a1a;
+  cursor: pointer;
+  transition: border-color 0.25s;
+}
+button:hover {
+  border-color: #646cff;
+}
+button:focus,
+button:focus-visible {
+  outline: 4px auto -webkit-focus-ring-color;
+}
+
+@media (prefers-color-scheme: light) {
+  :root {
+    --color: rgba(33, 53, 71, 1);
+    --color-dim: rgba(33, 53, 71, 0.7);
+    --background: #F3F3F3;
+    --highlight: white;
+    --background: white;
+    --highlight: #F3F3F3;
+  }
+  a:hover {
+    color: #747bff;
+  }
+  button {
+    background-color: #f9f9f9;
+  }
+}