diff --git a/src/App.tsx b/src/components/App.tsx
similarity index 89%
rename from src/App.tsx
rename to src/components/App.tsx
index 10b6b91..b8df7cc 100644
--- a/src/App.tsx
+++ b/src/components/App.tsx
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Button, Box } from "@mui/material"
-import variables from "./variables.module.scss"
-import "./style.scss"
+import variables from "@scss/variables.module.scss"
+import "@scss/style.scss"
 
 export default function App() {
     let boxStyle = {
diff --git a/src/components/Login.tsx b/src/components/Login.tsx
new file mode 100644
index 0000000..cd8500a
--- /dev/null
+++ b/src/components/Login.tsx
@@ -0,0 +1,10 @@
+import React from "react";
+import { Card } from "@mui/material"
+
+export default function Login(){
+    return (
+        <main id="root">
+            
+        </main>
+    )
+}
\ No newline at end of file
diff --git a/src/index.tsx b/src/index.tsx
index 4b77fc7..dea1284 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react' 
 import { createRoot } from 'react-dom/client' 
-import App from "./App"
+import App from "./components/App"
 
 createRoot(document.querySelector("#root")).render(<App />)
diff --git a/src/style.scss b/src/scss/style.scss
similarity index 100%
rename from src/style.scss
rename to src/scss/style.scss
diff --git a/src/variables.module.scss b/src/scss/variables.module.scss
similarity index 100%
rename from src/variables.module.scss
rename to src/scss/variables.module.scss