Pages added and finished, tailwind config edited

- WIP Page finished
- Login paged added
- Tailwind Config edited

src/components/login_components/login_comp.vue

@@ -0,0 +1,23 @@
+<script setup>
+
+</script>
+
+<template>
+  <div class="px-20 border-x border-x-grau2 pb-35p">
+    <div class="text-3xl pt-32">
+      <p class="text-weiss text-center">Welcome to <span class="text-button-farbe">ESP</span>!</p>
+      <p class="text-weiss text-center">Login or create a new Account to continue</p>
+    </div>
+    <div class="px-20 pt-7">
+      <form class="flex flex-col items-center">
+        <input class="m-4 w-full max-w-xs bg-grau-dunkel p-4 text-weiss placeholder-grau2 focus:outline-none rounded-lg" type="text" placeholder="Username or E-Mail"><br>
+        <input class="m-4 w-full max-w-xs bg-grau-dunkel p-4 text-weiss placeholder-grau2 focus:outline-none rounded-lg" type="text" placeholder="Password"><br>
+        <button class="m-4 bg-grau-dunkel w-full max-w-xs p-4 text-weiss rounded-lg">Login</button>
+      </form>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+
+</style>