diff --git a/index.html b/index.html
index 9c64f42..d0fe301 100644
--- a/index.html
+++ b/index.html
@@ -10,7 +10,7 @@
     <title>Simple Javascript Calculator</title>
   </head>
 
-  <body>
+  <body id="container">
     <div id="calculator">
       <div id="result">
         <div id="history">
@@ -23,7 +23,7 @@
       <div id="keyboard">
         <button class="number" id="clear">C</button>
         <button class="number" id="backspace">CE</button>
-        <button class="number" id="%">%</button>
+        <button class="number" id="mod">mod</button>
         <button class="number" id="/">&#247;</button>
         <button class="number" id="7">7</button>
         <button class="number" id="8">8</button>
@@ -48,10 +48,10 @@
       </div>
     </div>
     <div class="copyright">
-      <h5 style="color: blue">
+      <h5 style="color: rgb(225 202 22)">
         <strong> Developed with 💖 From Pure Javascript </strong>
       </h5>
-      <p>
+      <p style="color: black">
         &copy Copyright 2020 | Designed & Developed by
         <strong> Devanshu Vashishtha </strong> | All Rights Reserved.
       </p>
diff --git a/script.js b/script.js
index f978e1f..4d50671 100644
--- a/script.js
+++ b/script.js
@@ -10,7 +10,7 @@ function getOutput() {
 function printOutput(num) {
   document.getElementById("output-value").innerText = num;
 }
-var lst = ["%", "/", "+", "-", "*"];
+var lst = ["mod", "/", "+", "-", "*"];
 var f = false;
 var operator = document.getElementsByClassName("number");
 
@@ -36,7 +36,7 @@ for (var i = 0; i < operator.length; i++) {
           printOutput("");
           printHistory("");
         } else {
-          var outpu = eval(output);
+          var outpu = eval(output.replaceAll('mod', '%'));
           // print(outpu);
           if (outpu == undefined) {
             outpu = "NaN";
diff --git a/style.css b/style.css
index 4ea045b..708ad9b 100644
--- a/style.css
+++ b/style.css
@@ -5,15 +5,11 @@ body {
 body::-webkit-scrollbar {
   display: none;
 }
-/* #container {
-  display: flex;
-  width: 100%;
-  height: fit-content;
-  padding: 20px;
-  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
-
-  margin: 20px auto;
-} */
+#container {
+  display: grid;
+  gap: 30px;
+  background-image: linear-gradient(rgba(4, 0, 255, 0.3), rgba(255, 3, 87, 0.3));
+}
 #calculator {
   max-width: 320px;
   width: 340px;
