styles

src/App.tsx

@@ -1,5 +1,20 @@
+// Modules
+import { Routes, Route } from "react-router-dom";
+
+// Styles
+import "./styles/style.scss";
+
+// Pages
+import Main from "./pages/Main";
+
 const App = () => {
-  return <div className="App"></div>;
+  return (
+    <div className="App">
+      <Routes>
+        <Route path="/" element={<Main />} />
+      </Routes>
+    </div>
+  );
 };
 
 export default App;

src/styles/_general.scss

@@ -0,0 +1,39 @@
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+  scroll-behavior: smooth;
+}
+
+html {
+  font-size: 62.5%;
+  min-height: 100vh;
+}
+
+body {
+  min-height: 100vh;
+}
+
+#root {
+  min-height: 100vh;
+}
+
+.App {
+  min-height: 100vh;
+}
+
+ul {
+  list-style-type: none;
+}
+
+input,
+button {
+  background: none;
+  outline: none;
+  border: none;
+}
+
+a {
+  color: #000;
+  text-decoration: none;
+}

src/styles/style.scss

@@ -0,0 +1,2 @@
+@import "./variables";
+@import "./general";