diff --git a/package-lock.json b/package-lock.json
index 4127a4e..10ea8bb 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,18 +1,20 @@
 {
-  "name": "frontend",
+  "name": "lucia-frontend",
   "version": "0.2.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
-      "name": "frontend",
+      "name": "lucia-frontend",
       "version": "0.2.0",
       "dependencies": {
         "autoprefixer": "^10.4.13",
+        "axios": "^1.2.2",
         "pinia": "^2.0.28",
         "postcss": "^8.4.20",
         "tailwindcss": "^3.2.4",
         "vue": "^3.2.45",
+        "vue-axios": "^3.5.2",
         "vue-router": "^4.1.6"
       },
       "devDependencies": {
@@ -1349,8 +1351,7 @@
     "node_modules/asynckit": {
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
-      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
-      "dev": true
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
     },
     "node_modules/at-least-node": {
       "version": "1.0.0",
@@ -1410,14 +1411,33 @@
       "dev": true
     },
     "node_modules/axios": {
-      "version": "0.25.0",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-0.25.0.tgz",
-      "integrity": "sha512-cD8FOb0tRH3uuEe6+evtAbgJtfxr7ly3fQjYcMcuPlgkwVS9xboaVIpcDV+cYQe+yGykgwZCs1pzjntcGa6l5g==",
-      "dev": true,
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.2.6.tgz",
+      "integrity": "sha512-rC/7F08XxZwjMV4iuWv+JpD3E0Ksqg9nac4IIg6RwNuF0JTeWoCo/mBNG54+tNhhI11G3/VDRbdDQTs9hGp4pQ==",
       "dependencies": {
-        "follow-redirects": "^1.14.7"
+        "follow-redirects": "^1.15.0",
+        "form-data": "^4.0.0",
+        "proxy-from-env": "^1.1.0"
       }
     },
+    "node_modules/axios/node_modules/form-data": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
+      "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/axios/node_modules/proxy-from-env": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
+    },
     "node_modules/balanced-match": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
@@ -1842,7 +1862,6 @@
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
       "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
-      "dev": true,
       "dependencies": {
         "delayed-stream": "~1.0.0"
       },
@@ -2106,7 +2125,6 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
       "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
-      "dev": true,
       "engines": {
         "node": ">=0.4.0"
       }
@@ -2975,7 +2993,6 @@
       "version": "1.15.2",
       "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.2.tgz",
       "integrity": "sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==",
-      "dev": true,
       "funding": [
         {
           "type": "individual",
@@ -4075,7 +4092,6 @@
       "version": "1.52.0",
       "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
       "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
-      "dev": true,
       "engines": {
         "node": ">= 0.6"
       }
@@ -4084,7 +4100,6 @@
       "version": "2.1.35",
       "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
       "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
-      "dev": true,
       "dependencies": {
         "mime-db": "1.52.0"
       },
@@ -5824,6 +5839,15 @@
         "@vue/shared": "3.2.45"
       }
     },
+    "node_modules/vue-axios": {
+      "version": "3.5.2",
+      "resolved": "https://registry.npmjs.org/vue-axios/-/vue-axios-3.5.2.tgz",
+      "integrity": "sha512-GP+dct7UlAWkl1qoP3ppw0z6jcSua5/IrMpjB5O8bh089iIiJ+hdxPYH2NPEpajlYgkW5EVMP95ttXWdas1O0g==",
+      "peerDependencies": {
+        "axios": "*",
+        "vue": "^3.0.0 || ^2.0.0"
+      }
+    },
     "node_modules/vue-eslint-parser": {
       "version": "9.1.0",
       "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-9.1.0.tgz",
@@ -5893,6 +5917,15 @@
         "node": ">=10.0.0"
       }
     },
+    "node_modules/wait-on/node_modules/axios": {
+      "version": "0.25.0",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-0.25.0.tgz",
+      "integrity": "sha512-cD8FOb0tRH3uuEe6+evtAbgJtfxr7ly3fQjYcMcuPlgkwVS9xboaVIpcDV+cYQe+yGykgwZCs1pzjntcGa6l5g==",
+      "dev": true,
+      "dependencies": {
+        "follow-redirects": "^1.14.7"
+      }
+    },
     "node_modules/watchpack": {
       "version": "2.4.0",
       "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.0.tgz",
@@ -7136,8 +7169,7 @@
     "asynckit": {
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
-      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
-      "dev": true
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
     },
     "at-least-node": {
       "version": "1.0.0",
@@ -7172,12 +7204,30 @@
       "dev": true
     },
     "axios": {
-      "version": "0.25.0",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-0.25.0.tgz",
-      "integrity": "sha512-cD8FOb0tRH3uuEe6+evtAbgJtfxr7ly3fQjYcMcuPlgkwVS9xboaVIpcDV+cYQe+yGykgwZCs1pzjntcGa6l5g==",
-      "dev": true,
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.2.6.tgz",
+      "integrity": "sha512-rC/7F08XxZwjMV4iuWv+JpD3E0Ksqg9nac4IIg6RwNuF0JTeWoCo/mBNG54+tNhhI11G3/VDRbdDQTs9hGp4pQ==",
       "requires": {
-        "follow-redirects": "^1.14.7"
+        "follow-redirects": "^1.15.0",
+        "form-data": "^4.0.0",
+        "proxy-from-env": "^1.1.0"
+      },
+      "dependencies": {
+        "form-data": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
+          "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
+          "requires": {
+            "asynckit": "^0.4.0",
+            "combined-stream": "^1.0.8",
+            "mime-types": "^2.1.12"
+          }
+        },
+        "proxy-from-env": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+          "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
+        }
       }
     },
     "balanced-match": {
@@ -7475,7 +7525,6 @@
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
       "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
-      "dev": true,
       "requires": {
         "delayed-stream": "~1.0.0"
       }
@@ -7683,8 +7732,7 @@
     "delayed-stream": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
-      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
-      "dev": true
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ=="
     },
     "detective": {
       "version": "5.2.1",
@@ -8345,8 +8393,7 @@
     "follow-redirects": {
       "version": "1.15.2",
       "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.2.tgz",
-      "integrity": "sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==",
-      "dev": true
+      "integrity": "sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA=="
     },
     "forever-agent": {
       "version": "0.6.1",
@@ -9156,14 +9203,12 @@
     "mime-db": {
       "version": "1.52.0",
       "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
-      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
-      "dev": true
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg=="
     },
     "mime-types": {
       "version": "2.1.35",
       "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
       "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
-      "dev": true,
       "requires": {
         "mime-db": "1.52.0"
       }
@@ -10332,6 +10377,12 @@
         "@vue/shared": "3.2.45"
       }
     },
+    "vue-axios": {
+      "version": "3.5.2",
+      "resolved": "https://registry.npmjs.org/vue-axios/-/vue-axios-3.5.2.tgz",
+      "integrity": "sha512-GP+dct7UlAWkl1qoP3ppw0z6jcSua5/IrMpjB5O8bh089iIiJ+hdxPYH2NPEpajlYgkW5EVMP95ttXWdas1O0g==",
+      "requires": {}
+    },
     "vue-eslint-parser": {
       "version": "9.1.0",
       "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-9.1.0.tgz",
@@ -10375,6 +10426,17 @@
         "lodash": "^4.17.21",
         "minimist": "^1.2.5",
         "rxjs": "^7.5.4"
+      },
+      "dependencies": {
+        "axios": {
+          "version": "0.25.0",
+          "resolved": "https://registry.npmjs.org/axios/-/axios-0.25.0.tgz",
+          "integrity": "sha512-cD8FOb0tRH3uuEe6+evtAbgJtfxr7ly3fQjYcMcuPlgkwVS9xboaVIpcDV+cYQe+yGykgwZCs1pzjntcGa6l5g==",
+          "dev": true,
+          "requires": {
+            "follow-redirects": "^1.14.7"
+          }
+        }
       }
     },
     "watchpack": {
diff --git a/src/assets/DSP_LOGO.svg b/src/assets/DSP_LOGO.svg
deleted file mode 100644
index 00c8038..0000000
--- a/src/assets/DSP_LOGO.svg
+++ /dev/null
@@ -1,11 +0,0 @@
-<svg width="124" height="31" viewBox="0 0 124 31" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M122.558 19.7593C122.891 19.9517 122.891 20.4328 122.558 20.6253L118 23.2567C117.667 23.4491 117.25 23.2086 117.25 22.8237L117.25 17.5609C117.25 17.176 117.667 16.9354 118 17.1279L122.558 19.7593Z" fill="#003E66"/>
-<path d="M42.3484 28.9432C41.4222 28.9432 40.6899 28.674 40.1514 28.1355C39.613 27.597 39.3438 26.8647 39.3438 25.9386V9.23549C39.5807 9.19241 39.9576 9.13857 40.4745 9.07395C40.9914 8.9878 41.4868 8.94472 41.9607 8.94472C42.4561 8.94472 42.8868 8.9878 43.253 9.07395C43.6407 9.13857 43.9638 9.2678 44.2222 9.46164C44.4807 9.65549 44.6745 9.92472 44.8038 10.2693C44.933 10.614 44.9976 11.0663 44.9976 11.6263V24.3878H52.3961C52.5468 24.6247 52.6868 24.9478 52.8161 25.357C52.9453 25.7447 53.0099 26.154 53.0099 26.5847C53.0099 27.4463 52.8268 28.0601 52.4607 28.4263C52.0945 28.7709 51.6099 28.9432 51.0068 28.9432H42.3484Z" fill="#003E66"/>
-<path d="M55.5029 13.3709C55.7183 13.3063 56.0521 13.2416 56.5044 13.177C56.9783 13.1124 57.4629 13.0801 57.9583 13.0801C58.4321 13.0801 58.8521 13.1124 59.2183 13.177C59.606 13.2416 59.9291 13.3709 60.1875 13.5647C60.446 13.7586 60.6398 14.0278 60.7691 14.3724C60.9198 14.6955 60.9952 15.1263 60.9952 15.6647V22.6109C60.9952 23.494 61.2106 24.1293 61.6414 24.517C62.0721 24.8832 62.6967 25.0663 63.5152 25.0663C64.0106 25.0663 64.4091 25.0232 64.7106 24.937C65.0337 24.8509 65.2814 24.7647 65.4537 24.6786V13.3709C65.6691 13.3063 66.0029 13.2416 66.4552 13.177C66.9291 13.1124 67.4137 13.0801 67.9091 13.0801C68.3829 13.0801 68.8029 13.1124 69.1691 13.177C69.5567 13.2416 69.8798 13.3709 70.1383 13.5647C70.3967 13.7586 70.5906 14.0278 70.7198 14.3724C70.8706 14.6955 70.946 15.1263 70.946 15.6647V25.4863C70.946 26.5632 70.4937 27.3709 69.5891 27.9093C68.8352 28.3832 67.9306 28.7386 66.8752 28.9755C65.8414 29.234 64.7106 29.3632 63.4829 29.3632C62.3198 29.3632 61.2429 29.234 60.2521 28.9755C59.2829 28.717 58.4429 28.3186 57.7321 27.7801C57.0214 27.2416 56.4721 26.5524 56.0844 25.7124C55.6967 24.8509 55.5029 23.817 55.5029 22.6109V13.3709Z" fill="#003E66"/>
-<path d="M83.8055 16.9893C83.267 16.9893 82.7501 17.0755 82.2547 17.2478C81.7808 17.4201 81.3608 17.6786 80.9947 18.0232C80.6501 18.3463 80.3701 18.7555 80.1547 19.2509C79.9393 19.7463 79.8316 20.3278 79.8316 20.9955C79.8316 22.3309 80.2085 23.3324 80.9624 24.0001C81.7378 24.6678 82.6747 25.0016 83.7731 25.0016C84.4193 25.0016 84.9793 24.9263 85.4531 24.7755C85.927 24.6247 86.347 24.4632 86.7131 24.2909C87.1439 24.5924 87.467 24.9263 87.6824 25.2924C87.8978 25.637 88.0055 26.057 88.0055 26.5524C88.0055 27.4355 87.5855 28.1247 86.7455 28.6201C85.9055 29.094 84.7424 29.3309 83.2562 29.3309C81.8993 29.3309 80.6716 29.137 79.5731 28.7493C78.4747 28.3401 77.527 27.7801 76.7301 27.0693C75.9547 26.337 75.3516 25.4647 74.9208 24.4524C74.4901 23.4401 74.2747 22.3201 74.2747 21.0924C74.2747 19.6709 74.5008 18.4324 74.9531 17.377C75.427 16.3001 76.0624 15.417 76.8593 14.7278C77.6562 14.0386 78.5716 13.5216 79.6054 13.177C80.6608 12.8324 81.7701 12.6601 82.9331 12.6601C84.4839 12.6601 85.6793 12.9401 86.5193 13.5001C87.3593 14.0601 87.7793 14.7816 87.7793 15.6647C87.7793 16.074 87.6824 16.4616 87.4885 16.8278C87.2947 17.1724 87.0685 17.474 86.8101 17.7324C86.4439 17.5601 86.0024 17.3986 85.4855 17.2478C84.9685 17.0755 84.4085 16.9893 83.8055 16.9893Z" fill="#003E66"/>
-<path d="M91.2769 8.78318C91.2769 7.96472 91.5461 7.27549 92.0845 6.71549C92.6445 6.15549 93.3769 5.87549 94.2815 5.87549C95.1861 5.87549 95.9076 6.15549 96.4461 6.71549C97.0061 7.27549 97.2861 7.96472 97.2861 8.78318C97.2861 9.60164 97.0061 10.2909 96.4461 10.8509C95.9076 11.4109 95.1861 11.6909 94.2815 11.6909C93.3769 11.6909 92.6445 11.4109 92.0845 10.8509C91.5461 10.2909 91.2769 9.60164 91.2769 8.78318ZM97.0276 28.814C96.7907 28.857 96.4353 28.9109 95.9615 28.9755C95.5092 29.0616 95.0461 29.1047 94.5722 29.1047C94.0984 29.1047 93.6676 29.0724 93.2799 29.0078C92.9138 28.9432 92.6015 28.814 92.343 28.6201C92.0845 28.4263 91.8799 28.1678 91.7292 27.8447C91.5999 27.5001 91.5353 27.0586 91.5353 26.5201V13.3709C91.7722 13.3278 92.1169 13.274 92.5692 13.2093C93.043 13.1232 93.5169 13.0801 93.9907 13.0801C94.4646 13.0801 94.8845 13.1124 95.2507 13.177C95.6384 13.2416 95.9615 13.3709 96.2199 13.5647C96.4784 13.7586 96.6722 14.0278 96.8015 14.3724C96.9522 14.6955 97.0276 15.1263 97.0276 15.6647V28.814Z" fill="#003E66"/>
-<path d="M107.89 25.357C108.256 25.357 108.655 25.3247 109.086 25.2601C109.538 25.174 109.872 25.0663 110.087 24.937V22.3524L107.761 22.5463C107.158 22.5893 106.663 22.7186 106.275 22.934C105.887 23.1493 105.693 23.4724 105.693 23.9032C105.693 24.334 105.855 24.6893 106.178 24.9693C106.523 25.2278 107.093 25.357 107.89 25.357ZM107.632 12.6601C108.795 12.6601 109.85 12.7786 110.798 13.0155C111.767 13.2524 112.586 13.6186 113.253 14.114C113.943 14.5878 114.47 15.2016 114.836 15.9555C115.203 16.6878 115.386 17.5601 115.386 18.5724V25.8093C115.386 26.3693 115.224 26.8324 114.901 27.1986C114.6 27.5432 114.233 27.8447 113.803 28.1032C112.403 28.9432 110.432 29.3632 107.89 29.3632C106.749 29.3632 105.715 29.2555 104.789 29.0401C103.884 28.8247 103.098 28.5016 102.43 28.0709C101.784 27.6401 101.278 27.0909 100.912 26.4232C100.567 25.7555 100.395 24.9801 100.395 24.097C100.395 22.6109 100.836 21.4693 101.72 20.6724C102.603 19.8755 103.97 19.3801 105.823 19.1863L110.055 18.734V18.5078C110.055 17.8832 109.775 17.4416 109.215 17.1832C108.676 16.9032 107.89 16.7632 106.856 16.7632C106.038 16.7632 105.241 16.8493 104.466 17.0216C103.69 17.194 102.99 17.4093 102.366 17.6678C102.086 17.474 101.849 17.1832 101.655 16.7955C101.461 16.3863 101.364 15.9663 101.364 15.5355C101.364 14.9755 101.493 14.534 101.752 14.2109C102.032 13.8663 102.452 13.5755 103.012 13.3386C103.636 13.1016 104.369 12.9293 105.209 12.8216C106.07 12.7139 106.878 12.6601 107.632 12.6601Z" fill="#003E66"/>
-<path d="M23.8865 15.394L15.325 6.66464C14.2639 5.58281 12.5437 5.58281 11.4826 6.66464L2.92112 15.394C1.86009 16.4759 1.86009 18.2299 2.92112 19.3117L11.4826 28.0411C12.5437 29.1229 14.2639 29.1229 15.325 28.0411L23.8865 19.3117C24.9475 18.2299 24.9475 16.4759 23.8865 15.394Z" fill="#5FDDCF" stroke="#003E66" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
-<line x1="25.5771" y1="1.5" x2="25.5771" y2="10.2647" stroke="#003E66" stroke-width="3" stroke-linecap="round"/>
-<line x1="29.5" y1="5.02954" x2="22.1154" y2="5.02954" stroke="#003E66" stroke-width="3" stroke-linecap="round"/>
-</svg>
diff --git a/src/assets/main.css b/src/assets/main.css
new file mode 100644
index 0000000..242bf8f
--- /dev/null
+++ b/src/assets/main.css
@@ -0,0 +1 @@
+@import './tailwind.css';
diff --git a/src/assets/tailwind.css b/src/assets/tailwind.css
index dc38de2..e644e5e 100644
--- a/src/assets/tailwind.css
+++ b/src/assets/tailwind.css
@@ -35,3 +35,8 @@
 .is-invalid :invalid{
   @apply invalid:border-danger focus:ring-danger
 }
+
+/* height */
+.h-screen-main {
+  height: calc(100vh - 104px);
+}
diff --git a/src/components/Header.vue b/src/components/Header.vue
index 3ce4c27..d54c179 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -1,16 +1,33 @@
 <template>
-  <div class="mx-auto max-w-screen-2xl px-8">
+  <div class="mx-auto px-8 w-full">
       <div class="flex justify-between items-center py-2 relative">
         <figure>
-            <img src="../../assets/icons/DSP_LOGO.svg" alt="DSP_Logo">
+            <DspLogo />
         </figure>
-        <figure>
-            <img src="../../assets/icons/meber.svg" alt="member">
+        <figure v-show="showMember">
+            <IconMember class="w-8 h-8" />
         </figure>
     </div>
   </div>
 </template>
 
 <script>
+import DspLogo from '@/components/icons/DspLogo.vue';
+import IconMember from '@/components/icons/IconMember.vue';
+
+export default {
+  data() {
+    return {
+      showMember: false,
+    }
+  },
+  components: {
+    DspLogo,
+    IconMember
+  },
+  mounted() {
+    this.$route.name === 'Login' ? this.showMember : !this.showMember;
+  }
+}
 
 </script>
diff --git a/src/components/icons/dspLogo.vue b/src/components/icons/DspLogo.vue
similarity index 100%
rename from src/components/icons/dspLogo.vue
rename to src/components/icons/DspLogo.vue
diff --git a/src/components/icons/IconMember.vue b/src/components/icons/IconMember.vue
index c98d08c..a03f77c 100644
--- a/src/components/icons/IconMember.vue
+++ b/src/components/icons/IconMember.vue
@@ -1,5 +1,5 @@
 <template>
-  <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <svg width="40" height="40" viewBox="0 0 40 40" fill="black" xmlns="http://www.w3.org/2000/svg">
   <circle cx="20" cy="20" r="20" fill="white"/>
   <path d="M40 20.0018C40.0001 16.6744 39.1701 13.3995 37.5852 10.4739C36.0004 7.5482 33.7107 5.06419 30.9236 3.24683C28.1365 1.42948 24.9401 0.336201 21.6239 0.0660405C18.3076 -0.20412 14.9764 0.357371 11.9319 1.69965C8.88748 3.04193 6.22597 5.12259 4.1885 7.75315C2.15104 10.3837 0.802001 13.481 0.263595 16.7646C-0.274811 20.0481 0.0144265 23.4141 1.10511 26.5577C2.19579 29.7012 4.05344 32.523 6.50981 34.7673L6.7451 34.9634C10.3981 38.208 15.1142 40 20 40C24.8858 40 29.6019 38.208 33.2549 34.9634L33.4902 34.7673C35.5431 32.8948 37.1826 30.6143 38.3035 28.0717C39.4245 25.5291 40.0023 22.7805 40 20.0018ZM2.35294 20.0018C2.349 17.1207 3.05046 14.2824 4.39604 11.7349C5.74163 9.18731 7.69042 7.00795 10.0722 5.38712C12.454 3.76629 15.1964 2.75327 18.0599 2.43653C20.9234 2.11979 23.8209 2.50896 26.4993 3.57007C29.1778 4.63117 31.5557 6.33193 33.4255 8.52381C35.2952 10.7157 36.6 13.332 37.2257 16.1444C37.8515 18.9567 37.7792 21.8795 37.0153 24.6574C36.2513 27.4354 34.8189 29.9841 32.8431 32.0809C30.9901 29.2141 28.2281 27.0527 25 25.9433C26.6114 24.8699 27.8347 23.3065 28.489 21.4841C29.1433 19.6617 29.1938 17.6772 28.6331 15.8239C28.0725 13.9706 26.9303 12.3469 25.3756 11.1929C23.8209 10.0389 21.9362 9.41584 20 9.41584C18.0638 9.41584 16.1791 10.0389 14.6244 11.1929C13.0697 12.3469 11.9275 13.9706 11.3669 15.8239C10.8062 17.6772 10.8567 19.6617 11.511 21.4841C12.1653 23.3065 13.3886 24.8699 15 25.9433C11.7719 27.0527 9.00992 29.2141 7.15686 32.0809C4.06852 28.8179 2.34915 24.4947 2.35294 20.0018ZM13.3333 18.433C13.3333 17.1144 13.7243 15.8254 14.4569 14.729C15.1894 13.6326 16.2306 12.7781 17.4488 12.2735C18.667 11.7689 20.0074 11.6369 21.3006 11.8941C22.5938 12.1514 23.7817 12.7863 24.714 13.7187C25.6464 14.6511 26.2813 15.8391 26.5386 17.1324C26.7958 18.4256 26.6638 19.7662 26.1592 20.9844C25.6546 22.2027 24.8001 23.2439 23.7038 23.9765C22.6075 24.7091 21.3185 25.1001 20 25.1001C18.2335 25.0949 16.5408 24.3908 15.2917 23.1416C14.0425 21.8925 13.3385 20.1997 13.3333 18.433ZM8.90196 33.728C10.0553 31.8159 11.6831 30.2342 13.6275 29.1362C15.5719 28.0383 17.767 27.4613 20 27.4613C22.233 27.4613 24.428 28.0383 26.3725 29.1362C28.3169 30.2342 29.9447 31.8159 31.098 33.728C27.9556 36.2653 24.0388 37.6492 20 37.6492C15.9612 37.6492 12.0444 36.2653 8.90196 33.728Z"/>
   </svg>
diff --git a/tailwind.config.js b/tailwind.config.js
new file mode 100644
index 0000000..6bd074b
--- /dev/null
+++ b/tailwind.config.js
@@ -0,0 +1,32 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [
+    "./index.html",
+    "./src/**/*.{js,ts,jsx,tsx,vue}",
+    "./src/**/**/*.{js,ts,jsx,tsx,vue}"],
+  theme: {
+    colors: {
+      'primary': '#0099FF',
+      // 'secondary': '',
+      'neutral': '#C4C4C4',
+      'danger': '#FF3366',
+    },
+    container: {
+      center: true,
+      padding: '32px',
+    },
+    fontSize: {
+      xs: ['12px', 1],
+      sm: ['14px', 1],
+      base: ['16px', 1],
+      lg: ['18px', 1],
+      xl: ['20px', 1],
+      '2xl': ['24px', 1],
+      '3xl': ['30px', 1],
+      '4xl': ['36px', 1],
+    },
+    extend: {
+    }
+  },
+  plugins: [],
+};