diff --git a/client/package.json b/client/package.json
index 27ad7144..94a328fb 100644
--- a/client/package.json
+++ b/client/package.json
@@ -34,6 +34,8 @@
     "postcss": "^8.4.12",
     "postcss-import": "^14.1.0",
     "prettier": "^2.5.1",
+    "sass": "^1.50.1",
+    "sass-loader": "^12.6.0",
     "start-server-and-test": "^1.14.0",
     "tailwindcss": "^3.0.24",
     "typescript": "~4.6.3",
diff --git a/client/src/App.vue b/client/src/App.vue
index 78814c46..009baeb6 100644
--- a/client/src/App.vue
+++ b/client/src/App.vue
@@ -21,7 +21,6 @@ import HelloWorld from '@/components/HelloWorld.vue'
 </template>
 
 <style>
-@import '@/assets/base.scss';
 
 #app {
   max-width: 1280px;
diff --git a/client/src/assets/base.scss b/client/src/assets/styles/base.scss
similarity index 87%
rename from client/src/assets/base.scss
rename to client/src/assets/styles/base.scss
index 5da122d9..9236e74b 100644
--- a/client/src/assets/base.scss
+++ b/client/src/assets/styles/base.scss
@@ -1,2 +1,3 @@
+
 h1 {
 }
diff --git a/client/src/index.css b/client/src/assets/styles/index.scss
similarity index 100%
rename from client/src/index.css
rename to client/src/assets/styles/index.scss
diff --git a/client/src/components/TheWelcome.vue b/client/src/components/TheWelcome.vue
index ba5cb527..0a9c3a3b 100644
--- a/client/src/components/TheWelcome.vue
+++ b/client/src/components/TheWelcome.vue
@@ -15,8 +15,11 @@ import SupportIcon from './icons/IconSupport.vue'
     <template #heading>Documentation</template>
 
     Vue’s
-    <a target="_blank" href="https://vuejs.org/">official documentation</a>
+    <a class="bg-blue" target="_blank" href="https://vuejs.org/">official documentation</a>
     provides you with all information you need to get started.
+      <h1 class="text-3xl font-bold underline">
+    Hello world!
+  </h1>
   </WelcomeItem>
 
   <WelcomeItem>
diff --git a/client/src/main.ts b/client/src/main.ts
index 3ce383d7..7a49df42 100644
--- a/client/src/main.ts
+++ b/client/src/main.ts
@@ -4,7 +4,7 @@ import { createPinia } from 'pinia'
 import App from './App.vue'
 import router from './router'
 
-import './index.css'
+import '@/assets/styles/index.scss'
 
 const app = createApp(App)
 
diff --git a/client/tailwind.config.js b/client/tailwind.config.js
index aa214f43..fc750002 100644
--- a/client/tailwind.config.js
+++ b/client/tailwind.config.js
@@ -5,6 +5,9 @@ module.exports = {
     "./src/**/*.{vue,js,ts,jsx,tsx}",
   ],
   theme: {
+    colors: {
+      'blue-dark': '#00224D'
+    },
     extend: {},
   },
   plugins: [],