diff --git a/index.html b/index.html
index f30041f..b8d9e52 100644
--- a/index.html
+++ b/index.html
@@ -1,44 +1,56 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <title>Vue Mastery</title>
-    <!-- Import Styles -->
-    <link rel="stylesheet" href="./assets/styles.css" />
-    <!-- Import Vue.js -->
-    <script src="https://unpkg.com/vue@3.0.11/dist/vue.global.js"></script>
-  </head>
-  <body>
-    <div id="app">
-      <div class="nav-bar"></div>
+	<head>
+		<meta charset="UTF-8" />
+		<title>Vue Mastery</title>
+		<!-- Import Styles -->
+		<link rel="stylesheet" href="./assets/styles.css" />
+		<!-- Import Vue.js -->
+		<script src="https://unpkg.com/vue@3.0.11/dist/vue.global.js"></script>
+	</head>
+	<body>
+		<div id="app">
+			<div class="nav-bar"></div>
 
-      <div class="cart">Cart({{ cart }})</div>
-      
-      <div class="product-display">
-        <div class="product-container">
-          <div class="product-image">
-            <img v-bind:src="image">
-          </div>
-          <div class="product-info">
-            <h1>{{ product }}</h1>
-            <p v-if="inStock">In Stock</p>
-            <p v-else>Out of Stock</p>
-            <ul>
-              <li v-for="detail in details">{{ detail }}</li>
-            </ul>
-            <div v-for="variant in variants" :key="variant.id">{{ variant.color }}</div>
-            <button class="button">Add to Cart</button>
-          </div>
-        </div>
-      </div>
-    </div>
+			<div class="cart">Cart({{ cart }})</div>
 
-    <!-- Import App -->
-    <script src="./main.js"></script>
+			<div class="product-display">
+				<div class="product-container">
+					<div class="product-image">
+						<img v-bind:src="image" />
+					</div>
+					<div class="product-info">
+						<h1>{{ product }}</h1>
+						<p v-if="inStock">In Stock</p>
+						<p v-else>Out of Stock</p>
+						<ul>
+							<li v-for="detail in details">{{ detail }}</li>
+						</ul>
+						<div
+							@mouseover="this.image = variant.image"
+							v-for="variant in variants"
+							:key="variant.id"
+						>
+							{{ variant.color }}
+						</div>
+						<button class="button" @click="cart++">
+							Add to Cart
+						</button>
 
-    <!-- Mount App -->
-    <script>
-      const mountedApp = app.mount('#app')
-    </script>
-  </body>
+						<button class="button" @click="cart--" v-if="cart > 0">
+							Remove item
+						</button>
+					</div>
+				</div>
+			</div>
+		</div>
+
+		<!-- Import App -->
+		<script src="./main.js"></script>
+
+		<!-- Mount App -->
+		<script>
+			const mountedApp = app.mount("#app");
+		</script>
+	</body>
 </html>
