diff --git a/src/App.css b/src/App.css
index 25f84a7..4a4a0cb 100644
--- a/src/App.css
+++ b/src/App.css
@@ -31,6 +31,16 @@
color: #61dafb;
}
+.nav-pills .nav-link.active {
+ background-color: #6ab445;
+}
+.nav-link {
+ color: black;
+}
+.nav-link:hover {
+ color: darkgrey;
+}
+
@keyframes App-logo-spin {
from {
transform: rotate(0deg);
diff --git a/src/Navbar.js b/src/Navbar.js
deleted file mode 100644
index df03ac6..0000000
--- a/src/Navbar.js
+++ /dev/null
@@ -1,22 +0,0 @@
-import { Nav, NavDropdown } from "react-bootstrap"
-import { Link } from "react-router-dom"
-
-const Navbar = () => {
- return (
- )
-}
-
-export default Navbar
\ No newline at end of file
diff --git a/src/components/Components.js b/src/components/Components.js
index 691819e..dcf8020 100644
--- a/src/components/Components.js
+++ b/src/components/Components.js
@@ -1,5 +1,5 @@
import { Col, Container, Nav, Row, Tab } from "react-bootstrap"
-import { Link, useParams } from "react-router-dom"
+import { useParams } from "react-router-dom"
import Builder from "./Builder"
import CustomBuilder from "./CustomBuilder"
import PDFForm from "./PDFForm"
@@ -14,41 +14,32 @@ const Components = () => {
-
+
diff --git a/src/components/Navigation.js b/src/components/Navigation.js
index b0ca8b7..96a8a9e 100644
--- a/src/components/Navigation.js
+++ b/src/components/Navigation.js
@@ -1,27 +1,25 @@
-import { Container, Nav, NavDropdown, Navbar } from "react-bootstrap"
+import { Container, Nav, Navbar } from "react-bootstrap"
import Image from 'react-bootstrap/Image'
-import { Link } from "react-router-dom";
import logo from '../Light-Background.png';
function Navigation() {
return (
-
-
- React Demo
-
-
-
-
-
-
+
+
+ React Demo
+
+
+
+
+
);