diff --git a/Counter-Project/back.jpg b/Counter-Project/back.jpg
new file mode 100644
index 0000000..4fd7b9b
Binary files /dev/null and b/Counter-Project/back.jpg differ
diff --git a/Counter-Project/bg-image.jpg b/Counter-Project/bg-image.jpg
deleted file mode 100644
index e1683d5..0000000
Binary files a/Counter-Project/bg-image.jpg and /dev/null differ
diff --git a/Counter-Project/index.html b/Counter-Project/index.html
index a830703..6699994 100644
--- a/Counter-Project/index.html
+++ b/Counter-Project/index.html
@@ -5,6 +5,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Counter Project</title>
   <link rel="stylesheet" href="style.css">
+  <link rel="stylesheet" href="fontawesome.css">
 </head>
 <body>
   
@@ -12,8 +13,8 @@
     <h1 id="heading-title">This is Counter Project</h1>
     <h3 class="number-container">0</h3>
     <div class="buttons">
-      <button class="btn lower">Lower Count</button>
-      <button class="btn upper">Add Count</button>
+      <a class="btn lower"><img src="logo/minus.png" alt="Minus"></a>
+      <a class="btn upper"><img src="logo/plus.png" alt="Plus"></a>
     </div>
   </div>
 
diff --git a/Counter-Project/logo/minus.png b/Counter-Project/logo/minus.png
new file mode 100644
index 0000000..6a939eb
Binary files /dev/null and b/Counter-Project/logo/minus.png differ
diff --git a/Counter-Project/logo/plus.png b/Counter-Project/logo/plus.png
new file mode 100644
index 0000000..3d05c2a
Binary files /dev/null and b/Counter-Project/logo/plus.png differ
diff --git a/Counter-Project/style.css b/Counter-Project/style.css
index 9b20e0e..3786ec5 100644
--- a/Counter-Project/style.css
+++ b/Counter-Project/style.css
@@ -1,10 +1,12 @@
+@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap');
+
 * {
   margin: 0;
   padding: 0;
 }
 
 body {
-  background: url('bg-image.jpg');
+  background: url('back.jpg');
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
@@ -18,34 +20,31 @@ body {
 }
 
 #heading-title {
-  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
+  background-color: #ffffff;
+  color: black;
+  padding: 10px 0;
+  border-radius: 20px;
+  border:  2px solid #21b6f1;
+  font-family: 'Montserrat', sans-serif;
   margin-top: 20px;
   font-size: 3.5em;
-  text-shadow: 5px 2px 8px red;
 }
 
 .number-container {
   align-content: center;
   margin: 25px;
   padding: 25px;
-  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
+  font-family: 'Montserrat', sans-serif;
   font-size: 6em;
 }
 
 .btn {
-  border-radius: 5px;
-  border: none;
-  outline: none;
-  /* font-size: 1em; */
   margin: 12px;
-  padding: 13px 15px;
-  text-transform: uppercase;
-  width: 30%;
+  padding: 13px 20px;
+}
+
+.btn img{
+  max-height: 70px;
+  border-radius: 50%;
 }
 
-.btn:hover {
-  box-shadow: 0px 0px 18px 8px #fff;
-  border: none;
-  outline: none;
-  transition: 0.5s ease-in-out;
-}
\ No newline at end of file
