From 4259c9ec8733a9ef630173169803c26559b361bd Mon Sep 17 00:00:00 2001
From: Sevi <149007003+sevithescss@users.noreply.github.com>
Date: Tue, 29 Oct 2024 13:17:29 -0700
Subject: [PATCH] making the settings button better

---
 css/index.css | 16 +++++++++++-----
 index.html    |  4 ++--
 2 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/css/index.css b/css/index.css
index f0c38dc..f1cd1b7 100644
--- a/css/index.css
+++ b/css/index.css
@@ -192,12 +192,18 @@ button:hover {
     font-style: normal;
 }
 .clicker {
+    background-color: #5e5e5e;
+    color: white;
+    padding: 10px 20px;
+    font-size: 16px;
+    cursor: pointer;
+    border: none;
+    border-radius: 5px;
+    margin: 10px auto;
+    text-decoration: none;
     display: inline-block;
-    width: 100px;
-    height: 50px;
-    background-color: rgb(93, 93, 93);
-    color:#ffffff;
-    border-radius: 25px;
+    max-width: 200px;
+    transition: transform 0.5s ease; 
   }
   .clicker.hidden {
     display: none;
diff --git a/index.html b/index.html
index e17dcd3..a36d355 100644
--- a/index.html
+++ b/index.html
@@ -122,8 +122,8 @@
 
 <div>
 
-  <a href="#showdiv2" class="clicker" tabindex="2">Click me 2</a>
-  <a href="#hidediv2" class="clicker hidden" tabindex="2">Click me 2</a>
+  <a href="#showdiv2" class="clicker" tabindex="2">Settings</a>
+  <a href="#hidediv2" class="clicker hidden" tabindex="2">Settings</a>
 
   <div class="hiddendiv nr1"></div>
   <div class="hiddendiv nr2"></div>