diff --git a/dicee.html b/dicee.html
index d938f07..f74120a 100644
--- a/dicee.html
+++ b/dicee.html
@@ -24,6 +24,8 @@ <h1>Refresh Me</h1>
 
     </div>
 
+    <button id="Refresh">Refresh</button>
+
     <script src = "index.js"> </script>
   </body>
 
diff --git a/index.js b/index.js
index 5a2e6ef..5f37a4f 100644
--- a/index.js
+++ b/index.js
@@ -20,4 +20,11 @@ else if (randomNumberTwo > randomNumberOne){
     document.querySelector('h1').innerHTML = "PLAYER TWO WINS"
 } else {
     document.querySelector('h1').innerHTML = "DRAW..!"
-}
\ No newline at end of file
+}
+
+
+const reload = document.querySelector('#Refresh');
+
+reload.addEventListener('click', ()=>{
+        location.reload();
+})
\ No newline at end of file
diff --git a/styles.css b/styles.css
index 48d39fc..374c436 100644
--- a/styles.css
+++ b/styles.css
@@ -24,7 +24,7 @@ h1 {
 
 p {
   font-size: 2rem;
-  color: #fafafa;
+  color: rgba(218, 165, 32, 0.678);
   font-family: 'Indie Flower', cursive;
 }
 
@@ -33,6 +33,27 @@ img {
   width: 80%;
 }
 
+#Refresh{
+  width: 10vw;
+  height: 5vh;
+  background-color: rgb(201, 25, 25);
+  border: 0px;
+  border-radius: 5px;
+  color: white;
+  font-family: Agency FB;
+  font-weight: 900;
+  font-size: 1.4rem;
+  margin-top: 3rem;
+  margin-left: 45vw;
+  cursor: pointer;
+}
+
+#Refresh:hover{
+  transition: all 0.5s ease-in-out 0s;
+  background-color: rgba(255, 0, 0, 0.767);
+
+}
+
 footer {
   margin-top: 5%;
   color: #EEEEEE;
@@ -40,3 +61,12 @@ footer {
   font-family: 'Indie Flower', cursive;
 
 }
+
+
+@media screen and (max-width: 790px) {
+  #Refresh{
+    width: 15vw;
+    margin-left: 40vw;
+
+  }
+}
\ No newline at end of file