diff --git a/assets/css/style.css b/assets/css/style.css
index 619457aa..0e9a7c4f 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -1,12 +1,12 @@
 * {
-	box-sizing: border-box;
+	git ox-sizing: border-box;
 	margin: 0;
 	padding: 0;
 	font-family: 'Baloo 2', cursive;
 
 } 
 
-html,
+html, 
 body {
 	font-family: "Playfair Display", serif;
 	width: 100%;
@@ -277,10 +277,13 @@ label[for="dateIssue"] {
 	display: none;
 }
 .container h1 {
-	padding-top: 40px;
+	padding-top: 20px;
 	color: rgb(255, 255, 255);
 	/* font-family: "Poiret One", cursive; */
 	font-weight: bolder;
+	/* border-bottom: 3px solid white;
+	width: fit-content;
+	margin: 0 auto; */
 	letter-spacing: 0.1em;
 }
 @media only screen and (max-width: 400px) {
@@ -2129,9 +2132,7 @@ input[type="radio"] {
 
 #searchForm {
 	display: inline-block;
-	border: 2px solid grey;
-	border-radius: 12px;
-	margin-left: 30px;
+	
 	align-items: center;
 }
 
@@ -2159,8 +2160,6 @@ input[type="radio"] {
 }
 
 .container div {
-	/* border: 2px solid white; */
-	/* width: 50%; */
 	margin-left: 0;
 }
 .container {
@@ -2177,15 +2176,16 @@ input[type="radio"] {
   /* background-image: url('/css/searchicon.png'); */
   background-position: 10px 12px;
   background-repeat: no-repeat;
-  width: 100%;
-  font-size: 16px;
+  width: 90%;
+  font-size: 20px;
   padding: 12px 20px 12px 40px;
   border: 1px solid #ddd;
-  margin-bottom: 12px;
+  border-radius: 17px;
+  margin: 0 auto;
 }
 #myUL {
   list-style-type: none;
-  padding: 0;
+  padding: 1.2rem;
   margin: 0;
   height: 10rem;
   background-color: transparent;
@@ -2208,35 +2208,28 @@ input[type="radio"] {
 #myUL li a:hover:not(.header) {
   background-color: #fefee8;
 }
+
 .search-heading{
-  padding:15px 0 20px 0  !important;
-  font-family: 'Playfair Display';
-  text-decoration: none;
-	border: 1px solid #ddd;
-	border-radius: 25px;
-	margin-top: -1px;
-	background-color: #f6f6f6;
+	padding:15px 0 20px 0  !important;
+	font-family: 'Playfair Display';
+	text-decoration: none;
+	/* border: 1px solid #ddd; */
+	/* border-radius: 25px;
+	margin-top: -1px; */
+	/* background-color: #f6f6f6; */
 	padding: 12px;
 	text-decoration: none;
-	font-size: 18px;
-	color: #000;
+	font-size: 43px;
+	/* color: #000; */
 	display: block;
-	background-color: #cda867;
-	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+	/* background-color: #cda867; */
+	/* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); */
 	transition: background-color 0.3s, color 0.3s;
   }
   
   #myUL li a:hover:not(.header) {
 	background-color: #dfc18d;
   }
-  
-.search-heading{
-  padding:2px 12px  !important;
-  border-bottom: 3px solid white;
-  margin: 0px auto 20px;
-  width: fit-content;
-}
-
 
 /* ----------------------- */
 .col-sm-10 input,
@@ -2525,7 +2518,7 @@ select {
 /* Style the faq-page panel. Note: hidden by default */
 
 .faq-page:after {
-	content: "\02795";
+	content: "\02795"; 
 	font-size: 13px;
 	color: #777;
 	float: right;
@@ -2904,13 +2897,14 @@ select {
 	background-color: #00ffd5 ;
 } */
 #btn-download {
-	background: #8f8b63;
+	background: #63698f;
 	border-color: #8f8b63;
 	background-image: -webkit-linear-gradient(top, #8f8b63, #424136);
 	background-image: -moz-linear-gradient(top, #8f8b63, #424136);
 	background-image: -ms-linear-gradient(top, #8f8b63, #424136);
 	background-image: -o-linear-gradient(top, #8f8b63, #424136);
-	background-image: linear-gradient(to bottom, #8f8b63, #424136);
+	/* background-image: linear-gradient(to bottom, #8f8b63, #424136); */
+	background-image: linear-gradient(to bottom, #0876e0f7, #2b40ffd9);
 	-webkit-border-radius: 6;
 	-moz-border-radius: 6;
 	border-radius: 6px;
@@ -2924,9 +2918,17 @@ select {
   }
   
 #btn-download:hover {
-	background: #424136;
+	background: #2a33e4ca;
 	border-color: #8f8b63;
 	text-decoration: none;
+
+	background: linear-gradient(#1610c1 0 0) var(--p, 0)  no-repeat;
+	transition: .6s, background-position 0s;
+}
+
+  .hover:hover {
+	--p: 100%;
+	color: #0700c9;
   }
 
 .card-bg {
diff --git a/assets/js/script.js b/assets/js/script.js
index 62109be6..2839d479 100644
--- a/assets/js/script.js
+++ b/assets/js/script.js
@@ -11,7 +11,7 @@ var TxtType = function (el, toRotate, period) {
   this.toRotate = toRotate;
   this.el = el;
   this.loopNum = 0;
-  this.period = parseInt(period, 10) || 2000;
+  this.period = parseInt(period, 10) || 2000; 
   this.txt = "";
   this.tick();
   this.isDeleting = false;
diff --git a/index.html b/index.html
index 6d46e172..e0898a5d 100644
--- a/index.html
+++ b/index.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
-
-<head>
+ 
+<head> 
   <!-- Required meta tags -->
   <meta name="theme-color" content="#f2f2f2">
   <meta name="msapplication-navbutton-color" content="#f2f2f2">