diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index dbbdb66..38d4f50 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -8,6 +8,7 @@
       "name": "frontend",
       "version": "0.0.0",
       "dependencies": {
+        "picnic": "^7.1.0",
         "vue": "^3.5.30",
         "vue-cookies": "^1.8.6"
       },
@@ -994,6 +995,18 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/picnic": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/picnic/-/picnic-7.1.0.tgz",
+      "integrity": "sha512-OFoJClCDSaCnavs7QZPMIIjrodUO8m6V+GBNOWaIN4kk3IjzSAd2kp/RfkpZRwXK2u71q5mJ3UQaQjHJRr3dnw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4.0.0"
+      },
+      "funding": {
+        "url": "https://www.paypal.me/franciscopresencia/19"
+      }
+    },
     "node_modules/picocolors": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
diff --git a/frontend/package.json b/frontend/package.json
index 8511a53..a9e6f78 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -9,6 +9,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "picnic": "^7.1.0",
     "vue": "^3.5.30",
     "vue-cookies": "^1.8.6"
   },
diff --git a/frontend/src/main.ts b/frontend/src/main.ts
index 3a45fdf..18755f6 100644
--- a/frontend/src/main.ts
+++ b/frontend/src/main.ts
@@ -1,5 +1,5 @@
 import { createApp } from 'vue';
-// import './style.css'
+import './style.css';
 import App from './App.vue';
 import VueCookies from 'vue-cookies';
 
diff --git a/frontend/src/style.css b/frontend/src/style.css
index 527d4fb..c36772d 100644
--- a/frontend/src/style.css
+++ b/frontend/src/style.css
@@ -1,4 +1,18 @@
-:root {
+@import "../node_modules/picnic/picnic.min.css";
+
+body {
+  
+  @media (min-width: 800px) {
+    margin:  0% 25%;
+  }
+  @media (max-width: 800px) {
+    margin: 0 5%;
+  }
+}
+
+
+
+/* :root {
   --text: #6b6375;
   --text-h: #08060d;
   --bg: #fff;
@@ -293,4 +307,4 @@ code {
     right: 0;
     border-right-color: var(--border);
   }
-}
+} */