fix some css

Author: purna135

layouts/_default/sponsors.html

@@ -267,7 +267,7 @@ <h2>PyMCon Sponsorship Levels</h2>
 <!-- ================================== END OF PyMCon Sponsorship Levels ============================== -->
 
 <!-- ================================== START OF 2023 SPONSORS LOGOS ============================== -->
-<section class="section our_sponsors" id="pymcon_sponsors">
+<section class="section our_sponsors our_sponsors_2023" id="pymcon_sponsors">
     <h1>PyMCon 2023 Sponsors</h1>
     <hr>
     <div class="container our_sponsors__container">
@@ -298,7 +298,7 @@ <h2>Non-profit Sponsors</h2>
 <!-- ================================== END OF 2023 SPONSORS LOGOS ============================== -->
 
 <!-- ================================== START OF 2020 SPONSORS LOGOS ============================== -->
-<section class="section our_sponsors" id="pymcon_sponsors">
+<section class="section our_sponsors our_sponsors_2020" id="pymcon_sponsors2">
     <h1>PyMCon 2020 Sponsors</h1>
     <hr>
     <div class="container our_sponsors__container">

layouts/index.html

@@ -158,7 +158,7 @@ <h3> {{ .title }} </h3>
     <!-- ================================== START OF PYMCON SPONSORS ============================== -->
     <section class="section pymcon__sponsor">
         <div class="container pymcon__sponsor__container">
-            <h1>Our <span>💖</span>Sponsors</h2>
+            <h1>Our <span>💖</span> Sponsors</h2>
             <div class="slider">
                 <div class="logos__container">
                     <div class="sponsor_logo">

static/css/home.css

@@ -668,9 +668,10 @@
     background: var(--color-white);
     color: var(--color-black);
     margin-top: auto;
-    padding: .5rem 1rem;
+    padding: 0.3rem 1rem;
     border: 2px solid transparent;
     border-radius: 2rem;
+    font-size: 0.9rem;
     font-weight: 500;
     transition: var(--transition);
 }

static/css/sponsors.css

@@ -315,14 +315,20 @@
 
 /* ======================== 2020 SPONSORS LOGO ====================== */
 .our_sponsors {
-    background: var(--color-bg);
-    box-shadow: inset 0 1.5rem 2rem 0 rgba(0, 0, 0, 0.5);
     overflow-x: hidden;
     position: relative;
     text-align: center;
     align-items: center;
 }
 
+.our_sponsors_2023 {
+    background: var(--color-bg1);
+}
+
+.our_sponsors_2020 {
+    background: transparent;
+}
+
 .our_sponsors h1 {
     font-size: 2rem;
 }