From 460135a0640b1b81730ca60b14f1758695211963 Mon Sep 17 00:00:00 2001
From: VANSHITA <vanshita007btit21@igdtuw.ac.in>
Date: Thu, 28 Dec 2023 23:42:57 +0530
Subject: [PATCH] Issue solved!!

---
 index.html |  2 +-
 style.css  | 16 +++++++++-------
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/index.html b/index.html
index 1279364..9c897d5 100644
--- a/index.html
+++ b/index.html
@@ -19,7 +19,7 @@ <h1>Kviz</h1>
 
     <div>
     <input type="checkbox" class="checkbox" id="checkbox">
-    <label for="checkbox" class="label">
+    <label for="checkbox" class="label" >
       <i class="fas fa-moon"></i>
       <i class='fas fa-sun'></i>
       <div class='ball'>
diff --git a/style.css b/style.css
index 974c3bd..231086e 100644
--- a/style.css
+++ b/style.css
@@ -51,7 +51,7 @@ h3 {
 body {
   display: flex;
   justify-content: center;
-  align-items: center;
+ 
   height: 100vh;
   margin: 0;
   transition: background-color 0.2s linear;
@@ -59,17 +59,18 @@ body {
 body.dark {
   background-color: #292c35;
 }
+
 .checkbox {
   opacity: 0;
   position: relative;
   margin-left: -12rem;
-  margin-top: 65rem;
+ 
 }
 
 .label {
   width: 50px;
   height: 26px;
-  background-color:#111;
+  background-color:#000000;
   display: flex;
   border-radius:50px;
   align-items: center;
@@ -80,12 +81,12 @@ body.dark {
 }
 
 .ball {
-  width: 20px;
-  height: 20px;
+  width: 18px;
+  height: 18px;
   background-color: white;
   position: absolute;
-  top: 2px;
-  left: 2px;
+  top: 3px;
+  left: 3px;
   border-radius: 50%;
   transition: transform 0.2s linear;
 }
@@ -97,6 +98,7 @@ body.dark {
 
 .fa-moon {
   color: pink;
+  
 }
 
 .fa-sun {