@@ -4,19 +4,12 @@
</script>
<Nav />
-<main>
+<main class="flex flex-col w-full h-full">
<h1>Hello {name}!</h1>
<p>Visit the <a href="https://svelte.dev/tutorial">Svelte tutorial</a> to learn how to build Svelte apps.</p>
</main>
<style>
- main {
- text-align: center;
- padding: 1em;
- max-width: 240px;
- margin: 0 auto;
- }
-
h1 {
color: #ff3e00;
text-transform: uppercase;
@@ -1,6 +1,7 @@
@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap');
@tailwind base;
+@tailwind utilities;
body
{