From 00d5bdc5346dbe621606a88f9fec8cbaafc77962 Mon Sep 17 00:00:00 2001
From: VividTruthKeeper <mr.aydogdy02@gmail.com>
Date: Fri, 20 Jan 2023 18:52:40 +0500
Subject: [PATCH] styles

---
 src/App.tsx                | 17 ++++++++++++++++-
 src/styles/_general.scss   | 39 ++++++++++++++++++++++++++++++++++++++
 src/styles/_variables.scss |  0
 src/styles/style.scss      |  2 ++
 4 files changed, 57 insertions(+), 1 deletion(-)
 create mode 100644 src/styles/_general.scss
 create mode 100644 src/styles/_variables.scss
 create mode 100644 src/styles/style.scss

diff --git a/src/App.tsx b/src/App.tsx
index ba70394..eaa3b21 100644
--- a/src/App.tsx
+++ b/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;
diff --git a/src/styles/_general.scss b/src/styles/_general.scss
new file mode 100644
index 0000000..af919f9
--- /dev/null
+++ b/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;
+}
diff --git a/src/styles/_variables.scss b/src/styles/_variables.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/styles/style.scss b/src/styles/style.scss
new file mode 100644
index 0000000..ea36480
--- /dev/null
+++ b/src/styles/style.scss
@@ -0,0 +1,2 @@
+@import "./variables";
+@import "./general";