diff --git a/public/index.html b/public/index.html
index 99650d0d9..c22dd16b1 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,61 +1,11 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="theme-color" content="#000000" />
-    <meta
-      name="description"
-      content="Web site created using create-react-app"
-    />
-    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
-    <!--
-      manifest.json provides metadata used when your web app is installed on a
-      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-    -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-    <!--
-      Notice the use of %PUBLIC_URL% in the tags above.
-      It will be replaced with the URL of the `public` folder during the build.
-      Only files inside the `public` folder can be referenced from the HTML.
-
-      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
-      work correctly both with client-side routing and a non-root public URL.
-      Learn how to configure a non-root public URL by running `npm run build`.
-    -->
-    <link rel="preconnect" href="https://fonts.googleapis.com" />
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-    <link
-      href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500&display=swap"
-      rel="stylesheet"
-    />
-    <title>Animated Buttons</title>
-  </head>
-  <body>
-    <noscript>You need to enable JavaScript to run this app.</noscript>
-    <div id="root"></div>
-    <!--
-      This HTML file is a template.
-      If you open it directly in the browser, you will see an empty page.
 
-      You can add webfonts, meta tags, or analytics to this file.
-      The build step will place the bundled scripts into the <body> tag.
-
-      To begin the development, run `npm start` or `yarn start`.
-      To create a production bundle, use `npm run build` or `yarn build`.
-    -->
-    <script
-      data-name="BMC-Widget"
-      data-cfasync="false"
-      src="https://cdnjs.buymeacoffee.com/1.0.0/widget.prod.min.js"
-      data-id="omgawande"
-      data-description="Support me on Buy me a coffee!"
-      data-message="Thank you for your support. I hope you will like this project. 🤩"
-      data-color="#FEDC02"
-      data-position="Right"
-      data-x_margin="18"
-      data-y_margin="18"
-    ></script>
-  </body>
+<!DOCTYPE html>
+<html>
+<head>
+	<title>Animated Button</title>
+	<link rel="stylesheet" type="text/css" href="style.css">
+</head>
+<body>
+	<button class="animated-button">Click Me</button>
+</body>
 </html>
diff --git a/public/style.css b/public/style.css
new file mode 100644
index 000000000..6864141ac
--- /dev/null
+++ b/public/style.css
@@ -0,0 +1,26 @@
+.animated-button {
+	background-color: #4CAF50;
+	border: none;
+	color: white;
+	padding: 10px 20px;
+	text-align: center;
+	text-decoration: none;
+	display: inline-block;
+	font-size: 16px;
+	margin: 4px 2px;
+	cursor: pointer;
+	transition-duration: 0.4s;
+}
+
+.animated-button:hover {
+	background-color: white;
+	color: #4CAF50;
+	box-shadow: 0 0 20px #4CAF50;
+}
+
+.animated-button:active {
+	background-color: #4CAF50;
+	color: white;
+	transform: translateY(2px);
+	box-shadow: 0 0 10px #4CAF50;
+}
\ No newline at end of file
