diff --git a/src/components/Register.astro b/src/components/Register.astro
index b13f6a7..b178301 100644
--- a/src/components/Register.astro
+++ b/src/components/Register.astro
@@ -1,4 +1,4 @@
-<section class="py-12 text-center">
+<section class="py-12 pt-18 text-center"  id="register">
   <div class="max-w-6xl mx-auto px-6">
     <h3 class="text-lg md:text-xl font-semibold text-slate-800">
       <p>BUILD FOR SOCIETY. BUILD IT OPEN.</p>
@@ -8,7 +8,7 @@
     <div class="mt-6 flex flex-col items-center justify-center gap-4 sm:flex-row">
       <a
         href="https://docs.google.com/forms/d/e/1FAIpQLSepEvOMcCOpf0cG3-dK9XiTgLqF_bQW_0Qc5R7GfO47R1dYJA/viewform?usp=publish-editor"
-        id="register"
+       
         class="btn-grad"
         target="_blank"
       >
@@ -26,7 +26,7 @@
 </section>
 
 <style>
-  .btn-grad {
+  /* .btn-grad {
     background-image: linear-gradient(
       to right,
       #314755 0%,
@@ -46,8 +46,31 @@
   }
 
   .btn-grad:hover {
-    background-position: right center; /* change the direction of the change here */
+   
     color: #fff;
     text-decoration: none;
-  }
+  } */
+  
+
+
+         .btn-grad {background-image: linear-gradient(to right, #1FA2FF 0%, #12D8FA  51%, #1FA2FF  100%)}
+         .btn-grad {
+            margin: 10px;
+            padding: 15px 45px;
+            text-align: center;
+            text-transform: uppercase;
+            transition: 0.5s;
+            background-size: 200% auto;
+            color: white;            
+            box-shadow: 0 0 20px #eee;
+            border-radius: 10px;
+            display: block;
+          }
+
+          .btn-grad:hover {
+            background-position: right center; /* change the direction of the change here */
+            color: #fff;
+            text-decoration: none;
+          }
+         
 </style>
diff --git a/src/components/Rules.astro b/src/components/Rules.astro
index fe7ee0e..badb03f 100644
--- a/src/components/Rules.astro
+++ b/src/components/Rules.astro
@@ -16,9 +16,9 @@ const rules = [
   <div class="max-w-6xl mx-auto px-6">
     <SectionTitle id="rulesTitle" title="Rules and Regulations" />
     <div class="rounded-2xl border border-slate-200 bg-white p-8 shadow-sm">
-      <ul class="space-y-3 text-sm md:text-md leading-7 text-slate-700">
+      <ul class="list-disc list-outside space-y-3 text-sm md:text-md leading-7 text-slate-700 marker:text-blue-600">
         {rules.map((rule) => (
-          <li class="flex items-start gap-2 list-disc pl-6 marker:text-blue-50">
+          <li>
             <span>{rule}</span>
           </li>
         ))}
diff --git a/src/pages/theme.astro b/src/pages/theme.astro
index 0f05782..cd6e226 100644
--- a/src/pages/theme.astro
+++ b/src/pages/theme.astro
@@ -15,7 +15,7 @@ import ThemeCards from "../components/ThemeCards.astro";
     </section>
     <div id="focus" class="max-w-6xl mx-auto px-6">
             <SectionTitle id="focusTitle" title="INDIA & GLOBAL SUSTAINABILITY FOCUS" />
-            <div class="rounded-2xl border border-slate-200 bg-white p-8 shadow-sm">
+            <div class="rounded-2xl max-w-xl mx-auto border border-slate-200 bg-white p-8 shadow-sm">
               <p class="text-lg font-semibold text-slate-800">The hackathon supports:</p>
               <ul class="mt-4 space-y-2 text-sm md:text-md ">
                 <li class="flex items-start gap-2">