<script lang="ts">
  console.log(import.meta.env.MODE)
</script>

<div id="container">
  <div class="flex flex-col sm:flex-row items-center">
    <img src="images/common/logo.svg" alt="Dewit Logo" class="w-32 h-32" />
    <h1 class="text-6xl sm:text-8xl font-accent font-semibold">Dewit</h1>
  </div>
  <p class="text-2xl sm:text-3xl">
    This is a simple Todo-App as a tech stack template for new projects.
  </p>
</div>

<style>
  #container {
    @apply flex flex-col gap-32 justify-center items-center grow;
    @apply text-center;
  }
  p {
    @apply p-2;
  }
  h1 {
    @apply p-2;
  }
</style>
