From 6abe7dac9a14c117c9e23bd8ed82ebc8b0eba969 Mon Sep 17 00:00:00 2001
From: Sevi <149007003+sevithescss@users.noreply.github.com>
Date: Thu, 31 Oct 2024 11:16:53 -0700
Subject: [PATCH] div for the darkmode button

---
 css/styles.css | 5 +++++
 index.html     | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/css/styles.css b/css/styles.css
index ce5e93c..64bc450 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -33,6 +33,11 @@ main {
     flex: 1;
     padding: 20px;
 }
+.darkmodediv {
+    padding-left: 480px;
+    padding-right: 480px;
+    background-color: #8d8d8d;
+}
 
 .counter, .info, .clients, .danger-zone {
     margin-bottom: 20px;
diff --git a/index.html b/index.html
index 51ba618..31bd7a0 100644
--- a/index.html
+++ b/index.html
@@ -21,7 +21,7 @@
     </header>
     <main>
         <section class="darkmode">
-            <div>
+            <div calss="darkmodediv">
                 <label for="darkModeCheckbox">Dark Mode</label>
                 <input type="checkbox" id="darkModeCheckbox">
             </div>