Merge pull request #18 from TartejBrothers/Changes

Added Od page

src/App.js

@@ -1,5 +1,6 @@
 import HomePage from "./components/home";
 import ProjectPage from "./components/project";
+import OdPage from "./components/od";
 import { BrowserRouter as Router, Route, Routes } from "react-router-dom";
 
 function App() {
@@ -10,6 +11,7 @@ function App() {
           <Route path="/" element={<HomePage />} />
           <Route path="/project" element={<ProjectPage />} />
           <Route path="/home" element={<HomePage />} />
+          <Route path="/od" element={<OdPage />} />
         </Routes>
       </Router>
     </div>

src/components/od.jsx

@@ -0,0 +1,7 @@
+import React from "react";
+import "./styles/global.css";
+import "./styles/od.css";
+
+export default function OdPage() {
+  return <div className="odcontent"></div>;
+}

src/components/styles/global.css

@@ -5,6 +5,10 @@
 html {
   overflow-x: hidden;
   color: #fff;
+  background-color: #222831 !important;
+}
+html::-webkit-scrollbar {
+  display: none;
 }
 a {
   text-decoration: none;

src/components/styles/project.css

@@ -1,7 +1,9 @@
-html {
+.projectcontent {
   background-image: url("../images/projectpage/Background.png");
   padding: 20px;
+  min-height: 100vh;
 }
+
 .projectbody {
   display: flex;
   flex-direction: column;