stajlcss v index.vue raje (reaktivnost)

nuxt/nuxt.config.js

@@ -11,7 +11,6 @@ export default defineNuxtConfig({
       ],
       link: [
         { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },
-        { rel: 'stylesheet', type: 'text/css', href: '/css/stajl.css' },
         { rel: 'stylesheet', type: 'text/css', href: '/css/fonti.css' }
       ]
     }

nuxt/pages/index.vue

@@ -13,6 +13,37 @@ await store.naloziStrani()
 <style>
   body {
     font-family: Inter;
+    margin: 0;
+    padding: 1rem;
+  }
+
+  @media screen and (min-width: 260px) {
+    .meni {
+      display: flex;
+      padding: 0;
+      justify-content: space-between;
+    }
+  }
+
+  .meni li {
+    margin-left: 1.2rem;
+  }
+
+  h1 {
+    text-align: center;
+    font-size: 2.5rem;
+    margin: .2rem 0 1rem 0;
+  }
+
+  form {
+    display: flex;
+    flex-direction: column;
+  }
+
+  input[type=submit] { margin-top: 1rem; }
+
+  details > summary {
+    list-style: none;
   }
 
   .gumb {

nuxt/public/css/stajl.css

@@ -1,38 +0,0 @@
-body {
-  margin: 0;
-  padding: 1rem;
-  display: flex;
-}
-
-.yufu {
-  margin-left: auto;
-  margin-right: auto;
-}
-
-@media screen and (min-width: 260px) {
-  .meni {
-    display: flex;
-    padding: 0;
-    justify-content: space-between;
-  }
-}
-.meni li {
-  margin-left: 1.2rem;
-}
-
-h1 {
-  text-align: center;
-  font-size: 2.5rem;
-  margin: .2rem 0 1rem 0;
-}
-
-form {
-  display: flex;
-  flex-direction: column;
-}
-
-input[type=submit] { margin-top: 1rem; }
-
-details > summary {
-  list-style: none;
-}