diff --git a/index.html b/index.html
index 63447afc..c60b6af2 100644
--- a/index.html
+++ b/index.html
@@ -1099,13 +1099,18 @@
Free Delivery!
- Download the App now!
+ Download the App now!
-
For best discounts and free delivery download the app now from your Google Play Store or App Store.
- 
- 
+ For best discounts and free delivery download the app now from your Google Play Store or App Store.
+
+
@@ -1114,57 +1119,68 @@ Downlo
diff --git a/style.css b/style.css
index 2e9bc4dd..a2eba8fc 100644
--- a/style.css
+++ b/style.css
@@ -1105,4 +1105,116 @@ padding-left:2px;
margin-top: 5px;
width: 60%;
}
+.hover-underline-animation {
+ display: inline-block;
+ position: relative;
+ color: rgb(19, 18, 18);
+}
+.hover-underline-animation:after {
+ content: '';
+ position: absolute;
+ width: 100%;
+ transform: scaleX(0);
+ height: 2px;
+ bottom: 0;
+ left: 0;
+ background-color: rgb(18, 18, 18);
+ transform-origin: bottom right;
+ transition: transform 0.25s ease-out;
+}
+.hover-underline-animation:hover:after {
+ transform: scaleX(1);
+ transform-origin: bottom left;
+}
+.textbox-input {
+ transition: all 0.3s ease;
+}
+.textbox-input:focus {
+ border-color: rgb(94, 96, 23);
+ box-shadow: 0 0 10px rgb(83, 99, 13);
+}
+.glow-on-hover {
+ width: 220px;
+ height: 50px;
+ border: none;
+ outline: none;
+ color: #fff;
+ background: #111;
+ cursor: pointer;
+ position: relative;
+ z-index: 0;
+ border-radius: 10px;
+}
+
+.glow-on-hover:before {
+ content: '';
+ background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
+ position: absolute;
+ top: -2px;
+ left: -2px;
+ background-size: 400%;
+ z-index: -1;
+ filter: blur(5px);
+ width: calc(100% + 4px);
+ height: calc(100% + 4px);
+ animation: glowing 20s linear infinite;
+ opacity: 0;
+ transition: opacity .3s ease-in-out;
+ border-radius: 10px;
+}
+
+.glow-on-hover:active {
+ color: #000;
+}
+.glow-on-hover:active:after {
+ background: transparent;
+}
+
+.glow-on-hover:hover:before {
+ opacity: 1;
+}
+
+.glow-on-hover:after {
+ z-index: -1;
+ content: '';
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background: #380808;
+ left: 0;
+ top: 0;
+ border-radius: 10px;
+}
+
+@keyframes glowing {
+ 0% { background-position: 0 0; }
+ 50% { background-position: 400% 0; }
+ 100% { background-position: 0 0; }
+}
+.knockout {
+ vertical-align: middle;
+ text-align: center;
+ font-family: 'Pacifico', cursive;
+ font-size: 50pt;
+ color: #fff;
+ background: linear-gradient(110deg, #756a40 33%, rgba(133, 62, 62, 0) 33%), linear-gradient(110deg, #71c49d 34%, #88d8b0 34%);
+ background-size: 400%;
+ -webkit-text-fill-color: transparent;
+ -webkit-background-clip: text;
+ animation: Gradient 5s ease infinite;
+ -webkit-animation: Gradient 15s ease infinite;
+ -moz-animation: Gradient 5s ease infinite;
+}
+
+@-webkit-keyframes Gradient {
+ 0% {
+ background-position: 30% 50%;
+ }
+ 50% {
+ background-position: 25% 50%;
+ }
+ 100% {
+ background-position: 30% 50%;
+ }
+}