From a17776abfc4e9e4c301650111f1a9ca51e21da7f Mon Sep 17 00:00:00 2001
From: purajit <malalur2@illinois.edu>
Date: Tue, 3 Sep 2024 23:54:23 -0700
Subject: [PATCH] add lil css to ruleset page

---
 templates/template_ruleset.html | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/templates/template_ruleset.html b/templates/template_ruleset.html
index a532156..21d9dcd 100644
--- a/templates/template_ruleset.html
+++ b/templates/template_ruleset.html
@@ -1,5 +1,26 @@
 {% include './header.html' %}
 <script>{% include './ruleset_filter.js' %}</script>
+<style>
+  #searchBar {
+    font-family: inherit;
+    font-size: 40px;
+    border: none;
+    outline: none;
+    padding: 10px;
+    color: black;
+    background: #549171;
+    border-bottom: 5px solid #549171;
+    width: 100%;
+    margin-bottom: 30px;
+    border-radius: 10px 10px 0px 0px;
+    transition: 0.3s;
+  }
+  #searchBar:focus {
+    color: black;
+    background: #80BA50;
+    border-bottom: 5px solid #1B4D3E;
+  }
+</style>
 <div class="writing">
   <input type="text" id="searchBar" placeholder="Search rules...">
   {{ data }}