diff --git a/ESS.side b/ESS.side
new file mode 100644
index 0000000..d1186ae
--- /dev/null
+++ b/ESS.side
@@ -0,0 +1,67 @@
+{
+  "id": "377f5220-9eb1-4070-9cc7-ede9ca161af9",
+  "version": "2.0",
+  "name": "ESS",
+  "url": "http://127.0.0.1:3000",
+  "tests": [{
+    "id": "cd029bef-3f31-49b8-ae5d-de7f010a322b",
+    "name": "Highly Secure",
+    "commands": [{
+      "id": "f904d8b7-9da3-48a8-b0eb-68b4925840d0",
+      "comment": "",
+      "command": "open",
+      "target": "/Secure-Password-generator-main/index.html",
+      "targets": [],
+      "value": ""
+    }, {
+      "id": "06802185-5077-4559-adb7-a2208936538f",
+      "comment": "",
+      "command": "setWindowSize",
+      "target": "1936x1056",
+      "targets": [],
+      "value": ""
+    }, {
+      "id": "783589fa-670f-41d9-9d1e-17f0a6e6a45e",
+      "comment": "",
+      "command": "click",
+      "target": "css=#hs > .tooltip-left",
+      "targets": [
+        ["css=#hs > .tooltip-left", "css:finder"],
+        ["xpath=//button[@id='hs']/div", "xpath:idRelative"],
+        ["xpath=//button/div", "xpath:position"]
+      ],
+      "value": ""
+    }, {
+      "id": "062dd444-2133-4016-b362-993ed419b163",
+      "comment": "",
+      "command": "click",
+      "target": "css=.check-front",
+      "targets": [
+        ["css=.check-front", "css:finder"],
+        ["xpath=//button[@id='gp']/span[3]", "xpath:idRelative"],
+        ["xpath=//span[3]", "xpath:position"],
+        ["xpath=//span[contains(.,'Genarate Password')]", "xpath:innerText"]
+      ],
+      "value": ""
+    }, {
+      "id": "576aae04-3d20-4c5a-bb0a-dc22f624f9de",
+      "comment": "",
+      "command": "click",
+      "target": "css=.st0",
+      "targets": [
+        ["css=.st0", "css:finder"]
+      ],
+      "value": ""
+    }]
+  }],
+  "suites": [{
+    "id": "c5ecfbc4-c980-4b76-bdbe-1262493cdc0f",
+    "name": "Default Suite",
+    "persistSession": false,
+    "parallel": false,
+    "timeout": 300,
+    "tests": ["cd029bef-3f31-49b8-ae5d-de7f010a322b"]
+  }],
+  "urls": ["http://127.0.0.1:3000/"],
+  "plugins": []
+}
\ No newline at end of file
diff --git a/pg.css b/pg.css
index 51e6c93..b0bf32a 100644
--- a/pg.css
+++ b/pg.css
@@ -490,7 +490,18 @@ nav {
 
 button#dm {
   padding: 10px;
-  border-radius: 10px;
+  background-color: transparent;
+  color: #fff;
+  border-width: 0;
+  outline: none;
+  border-radius: 2px;
+  overflow: hidden;
+}
+
+button#dm:hover {
+  background-color: #151a24;
+  transition: 0.5s;
+  box-shadow: 0 1px 4px rgba(0, 0, 0, .6);
 }
 
 body.dark {
@@ -510,3 +521,118 @@ input.dark {
   background-color: #193193;
   color: white;
 }
+
+@media screen and (max-width:940px) {
+  * {
+    margin: 200;
+    padding: 0;
+    box-sizing: border-box;
+    font-family: "Poppins", sans-serif;
+  }
+
+  body {
+    background-color: #fff;
+  }
+
+  .container {
+    margin-top: 0;
+    width: initial;
+    max-width: min-content;
+    box-shadow: none;
+    padding: .5rem;
+  }
+
+  h1 {
+    font-size: 1.5rem;
+    margin-bottom: 1.5rem;
+    line-height: 2rem;
+  }
+
+  nav {
+    padding: .2rem;
+    background-color: #1d2431;
+  }
+
+  button#dm {
+    padding: .4rem;
+    background-color: transparent;
+    border: transparent;
+    color: #fff;
+    box-shadow: none;
+    border-radius: 2px;
+  }
+
+  button#dm:hover {
+    background-color: #151a24;
+    transition: 0.5s;
+    box-shadow: 0 1px 4px rgba(0, 0, 0, .6);
+  }
+
+  .io {
+    display: inherit;
+    margin-left: -.3rem;
+    margin-right: .3rem;
+  }
+
+  input#output {
+    width: -moz-available;
+    font-size: 1rem;
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
+    padding-left: 1rem;
+    margin-bottom: inherit;
+  }
+
+  svg#Layer_1 {
+    position: relative;
+    margin-left: -2.5rem;
+    background: #f2f3f785;
+    fill: #193193;
+    background-color: #f8f8f8;
+    height: 1.3rem;
+    margin-top: auto;
+    top: .2rem;
+  }
+
+  div#display {
+    margin-left: 0rem;
+    width: auto;
+  }
+  
+  div#remember {
+    margin-left: 0rem;
+    width: auto;
+  }
+
+  .footer {
+    height: 0;
+  }
+
+  input#pl {
+    padding-left: 0;
+  }
+
+  input::-webkit-outer-spin-button,
+  input::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+  }
+
+  input[type=number] {
+    -moz-appearance: textfield;
+  }
+
+  body.dark {
+    background-color: #070d25;
+  }
+
+  .container.dark {
+    background-color: #070d25;
+  }
+
+  h1.dark {
+    color: #fff;
+  }
+}
+
+