Feat: #5 회원가입 페이지 생성 및 마크업, CSS 스타일링

package.json

@@ -20,6 +20,7 @@
     "react-dom": "^18.2.0",
     "react-hook-form": "^7.51.4",
     "react-router-dom": "^6.23.1",
+    "tailwind-scrollbar-hide": "^1.1.7",
     "zustand": "^4.5.2"
   },
   "devDependencies": {

src/index.css

@@ -1,3 +1,13 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+@layer components {
+  .auth-btn {
+    @apply h-[4.38rem] bg-[#E1F4D9] rounded-[10px] text-base font-bold;
+  }
+
+  .auth-input {
+    @apply h-[4.38rem] bg-white rounded-[10px] p-4 placeholder:text-[#5E5E5E] text-sm;
+  }
+}

src/layouts/AuthLayout.tsx

@@ -0,0 +1,11 @@
+import { Outlet } from 'react-router-dom';
+import AuthGULogo from '../assets/authGULogo.svg';
+
+export default function AuthLayout() {
+  return (
+    <div className="flex flex-row justify-evenly items-center h-[100vh]">
+      <img src={AuthGULogo} alt="Auth GU Logo" />
+      <Outlet />
+    </div>
+  );
+}