From 703cb21754cfdf0bfeefabf5cd1088b9a6d5de89 Mon Sep 17 00:00:00 2001
From: Vedant Patel <vedant3337>
Date: Thu, 10 Oct 2024 21:38:11 +0530
Subject: [PATCH] Home Page Buttons became Responsive

---
 public/css/dark-styles.css |  2 +-
 public/css/styles.css      | 26 ++++++++++++++------------
 2 files changed, 15 insertions(+), 13 deletions(-)

diff --git a/public/css/dark-styles.css b/public/css/dark-styles.css
index 7024859..fbe2f05 100644
--- a/public/css/dark-styles.css
+++ b/public/css/dark-styles.css
@@ -30,7 +30,7 @@ button.secondary.dark {
   color: #192e4e;
   background-color: #a7daff;
 }
-}
+
 #about.dark {
   background-color: #093c7e !important;
   color: white !important;
diff --git a/public/css/styles.css b/public/css/styles.css
index 561eecc..9aae4ce 100644
--- a/public/css/styles.css
+++ b/public/css/styles.css
@@ -71,7 +71,7 @@ nav a:hover {
   border-radius: 50px;
   background-color: #a7daff;
   background: transparent;
-  color:#a7daff;
+  color: #a7daff;
   margin-right: 20px;
 }
 button {
@@ -82,7 +82,7 @@ button {
   outline: none;
   background: var(--accent-clr);
   color: #a7daff;
-  font-size: 1.0rem;
+  font-size: 1rem;
   border-radius: 10px;
   transition: background-color 0.5s, box-shadow 0.5s, color 0.5s;
 
@@ -95,7 +95,7 @@ button.secondary {
   outline: none;
   background: var(--accent-clr);
   color: #a7daff;
-  font-size: 1.0rem;
+  font-size: 1rem;
   border-radius: 10px;
   transition: background-color 0.5s, box-shadow 0.5s, color 0.5s;
   -webkit-tap-highlight-color: transparent;
@@ -267,25 +267,23 @@ header h1 {
   padding: 1rem;
   display: flex;
 }
-.vote-container{
+.vote-container {
   display: flex;
 }
-.inner-secret-text{
+.inner-secret-text {
   margin-left: 30%;
   margin-right: 15px;
 }
-.vote-container{
+.vote-container {
   padding: 0 5px;
 }
-.vote-container img{
+.vote-container img {
   margin: 0 5px;
 }
-.vote-count{
+.vote-count {
   margin-right: 10px;
 }
 
-
-
 @media (max-width: 600px) {
   .flexbox {
     flex-wrap: wrap;
@@ -331,12 +329,16 @@ header h1 {
     align-items: center;
     width: 100%;
   }
-  button{
+  button {
     font-size: 0.9em;
   }
-  .tagline{
+  .tagline {
     font-size: 0.6rem;
   }
+  #about button {
+    font-size: 1.5em; /* Adjust font size */
+    padding: 0.5em 1.5em; /* Adjust padding */
+  }
 }
 
 @keyframes wipe-in {