fix: Removed unused Styles + added container

src/App.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { NavigationModel, Nav } from '@/components';
+import { NavigationModel, Nav } from "./components/Index.js";
 
 </script>
 
@@ -7,7 +7,7 @@ import { NavigationModel, Nav } from '@/components';
     <div class="app-container">
         <NavigationModel />
         <!-- <Nav /> -->
-        <div class="container pt-4 pb-4">
+        <div class="container">
             <router-view />
         </div>
     </div>
@@ -15,57 +15,15 @@ import { NavigationModel, Nav } from '@/components';
 
 
 <style scoped lang="scss">
- @import '/css/head.scss';
+.app-container
-header {
+{
-  line-height: 1.5;
-  max-height: 100vh;
-}
-
-nav {
     width: 100%;
-  font-size: 12px;
-  text-align: center;
-  margin-top: 2rem;
-}
 
-nav a.router-link-exact-active {
-  color: var(--color-text);
-}
-
-nav a.router-link-exact-active:hover {
-  background-color: transparent;
-}
-
-nav a {
-  display: inline-block;
-  padding: 0 1rem;
-  border-left: 1px solid var(--color-border);
-}
-
-nav a:first-of-type {
-  border: 0;
-}
-
-@media (min-width: 1024px) {
-  header {
-    display: flex;
-    place-items: top;
-    padding-right: calc(var(--section-gap));
-  }
-
-  header .wrapper {
-    display: flex;
-    place-items: flex-start;
-    flex-wrap: wrap;
-  }
-
-  nav {
-    text-align: center;
-    margin-left: 2rem;
-    font-size: 1rem;
-
-    padding: 1rem 0;
-    margin-top: 1rem;
 }
+.container{
+    max-width: 1024px;
+    margin: 1rem auto;
+    padding: 0.5rem 1rem;
+    background: grey;
 }
 </style>