diff --git a/nuxt.config.js b/nuxt.config.js
index fa3e1b1..8c6ea9c 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -9,7 +9,7 @@ export default {
   ** Nuxt target
   ** See https://nuxtjs.org/api/configuration-target
   */
-  target: 'static',
+  target: 'server',
   /*
   ** Headers of the page
   ** See https://nuxtjs.org/api/configuration-head
diff --git a/pages/index.vue b/pages/index.vue
index 9fc9d10..5a0e78d 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,4 +1,9 @@
 <template>
+  <div class="h-screen w-screen bg-primary">
+    <div class="w-full md:w-1/2 bg-secondary ">
+
+    </div>
+  </div>
 </template>
 
 <script lang="ts">
diff --git a/tailwind.config.js b/tailwind.config.js
index 0154e79..9701e31 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -29,6 +29,12 @@ module.exports = {
       black: '#000',
       white: '#fff',
 
+      primary: '#CCDBDC',
+      secondary: '#80CED7',
+      ternary: '#63C7B2',
+      fourth: '#8E6C88',
+      fifth: '#263D42',
+
       gray: {
         100: '#f7fafc',
         200: '#edf2f7',