From 6ea9533c06bb79f6810833c7f1b155e04e495731 Mon Sep 17 00:00:00 2001
From: Lucas Kent <97860398+Bulbous-Baboon@users.noreply.github.com>
Date: Wed, 16 Nov 2022 10:16:41 -0500
Subject: [PATCH] made button changes

---
 index.html        | 33 +++------------------------------
 styles/button.css | 40 ++++++++++++++++++++++++++++++++++++++++
 2 files changed, 43 insertions(+), 30 deletions(-)
 create mode 100644 styles/button.css
diff --git a/index.html b/index.html
index 7302cd0..f5088b1 100644
--- a/index.html
+++ b/index.html
@@ -11,12 +11,14 @@
       <meta name="theme-color" content="#ff0000">
       <link rel="stylesheet" href="styles/style.css">
       <link rel="stylesheet" href="styles/border.css">
+      <link rel="stylesheet" href="styles/button.css">
     </head>
     <body>
         <h2>Home</h2>
         <img src="imgs/zuck.jpg" alt="Mark Zuckerberg Chilling" style="width:300px;height:300px;" srcset="" class="broider">
         <p class="double">Welcome to my Website.</p>
-        <a href='sitemap.html'><button class="button">Sitemap</button></a>
+        <a href='./index.html'><button class="button:active>Home</button></a>
+        <a href='./sitemap.html'><button class="button">Sitemap</button></a>
     </body>
     <style>
     html, body {
@@ -42,33 +44,4 @@
       }
   }
     </style>
-    <style>
-        .button {
-  padding: 15px 25px;
-  font-size: 24px;
-  text-align: center;
-  cursor: pointer;
-  outline: none;
-  color: #fff;
-  background-color: #04AA6D;
-  border: none;
-  border-radius: 15px;
-  box-shadow: 0 9px #999;
-}
-
-.button:hover {background-color: #3e8e41}
-
-.button:active {
-  background-color: #3e8e41;
-  box-shadow: 0 5px #666;
-  transform: translateY(4px);
-}
-.noscroll::-webkit-scrollbar {
-  display: none;
-}
-.noscroll {
-  -ms-overflow-style: none;
-  scrollbar-width: none;
-}
-    </style>
 </html>
\ No newline at end of file
diff --git a/styles/button.css b/styles/button.css
new file mode 100644
index 0000000..9b332c8
--- /dev/null
+++ b/styles/button.css
@@ -0,0 +1,40 @@
+.button {
+padding: 15px 25px;
+font-size: 24px;
+text-align: center;
+cursor: pointer;
+outline: none;
+color: #fff;
+background-color: #04AA6D;
+border: none;
+border-radius: 15px;
+box-shadow: 0 9px #999;
+}
+
+.button:hover {background-color: #3e8e41}
+
+.button:active {
+background-color: #3e8e41;
+box-shadow: 0 5px #666;
+transform: translateY(4px);
+}
+.noscroll::-webkit-scrollbar {
+display: none;
+}
+.noscroll {
+-ms-overflow-style: none;
+scrollbar-width: none;
+}
+
+.buttontwo {
+    padding: 15px 25px;
+    font-size: 24px;
+    text-align: center;
+    cursor: pointer;
+    outline: none;
+    color: #fff;
+    background-color: #3e8e41;
+    border: none;
+    border-radius: 15px;
+    box-shadow: 0 9px #999;
+    }
\ No newline at end of file
