From e87e0ffa826322f071742b730bbeee30451cac0d Mon Sep 17 00:00:00 2001
From: shreya-paul-17 <cse.20211047@gmail.com>
Date: Sat, 8 Jun 2024 21:10:18 +0530
Subject: [PATCH 1/2] The size of the container is fixed

---
 index.html |  4 ++--
 style.css  | 16 +++++++++-------
 2 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/index.html b/index.html
index 30facf6..69ec077 100644
--- a/index.html
+++ b/index.html
@@ -74,10 +74,10 @@
 
       <div class="box" id="box">
 
-        <h1 id="changingHeading" style="font-family: Arial, sans-serif; font-size: 39px; color: #ffffff;">
+        <h1 id="changingHeading" style="font-family: Arial, sans-serif; font-size: 30px; color: #ffffff;">
           Random Disco
           <span id="changing"
-            style="font-family: Arial, sans-serif; font-size: 39px; font-weight: bold; color: #ff7f50;">
+            style="font-family: Arial, sans-serif; font-size: 30px; font-weight: bold; color: #ff7f50;">
             Light Simulator
           </span>
         </h1>
diff --git a/style.css b/style.css
index f1f4486..7622249 100644
--- a/style.css
+++ b/style.css
@@ -76,7 +76,7 @@ h1 {
   /*box was taking whole vh,20 margin from top and bottom, also became responsive through this, preventing them from overflowing */
   max-width: calc(100% - 40px);
   /*box was taking whole vw gave them 20 margin from top and bottom also making its resposive and preventing from overflowing */
-  overflow: auto;
+  /* overflow: auto; */
   /* Added scroll because content overflows */
   background: rgba(255, 255, 255, 0.13);
   border-radius: 20px;
@@ -101,7 +101,7 @@ input {
   outline: none;
   border: none;
   color: #fff;
-  font-size: 24px;
+  font-size: 20px;
   padding: 5px 10px;
   border-radius: 10px;
 }
@@ -118,11 +118,11 @@ input:focus {
 }
 
 i {
-  font-size: 24px;
+  font-size: 20px;
 }
 
 strong {
-  font-size: 24px;
+  font-size: 22px;
   color: #f09819;
 }
 
@@ -136,13 +136,13 @@ strong {
   border: none;
   padding: 5px 10px;
   color: #e5e5e5;
-  font-size: 24px;
+  font-size: 20px;
   width: auto;
 }
 
 select option {
   color: #e5e5e5;
-  font-size: 24px;
+  font-size: 18px;
   background-color: #333;
   border: none;
   outline: none;
@@ -158,6 +158,7 @@ select option {
   cursor: pointer;
   border-radius: 10px;
   transition: 0.2s all;
+  margin-bottom: 20px;
 }
 
 #submit:hover {
@@ -169,6 +170,7 @@ select option {
   background-color: red;
   cursor: pointer;
   transition: 0.2s all;
+  margin-bottom: 20px;
 }
 
 #reset:hover {
@@ -738,7 +740,7 @@ nav ul li a:hover {
   border: none;
   border-radius: 10px;
   padding: 10px 20px;
-  font-size: 20px;
+  font-size: 18px;
   cursor: pointer;
   transition: background-color 0.3s ease;
 }

From e30399dda455ade9397013624bcf617a56cdfbfe Mon Sep 17 00:00:00 2001
From: shreya-paul-17 <cse.20211047@gmail.com>
Date: Sun, 9 Jun 2024 01:04:24 +0530
Subject: [PATCH 2/2] Update is done

---
 style.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/style.css b/style.css
index 7622249..41dfb13 100644
--- a/style.css
+++ b/style.css
@@ -76,7 +76,7 @@ h1 {
   /*box was taking whole vh,20 margin from top and bottom, also became responsive through this, preventing them from overflowing */
   max-width: calc(100% - 40px);
   /*box was taking whole vw gave them 20 margin from top and bottom also making its resposive and preventing from overflowing */
-  /* overflow: auto; */
+  overflow: auto;
   /* Added scroll because content overflows */
   background: rgba(255, 255, 255, 0.13);
   border-radius: 20px;