diff --git a/css/style.css b/css/style.css
index 893f635..c99e076 100644
--- a/css/style.css
+++ b/css/style.css
@@ -93,9 +93,9 @@ h2 {
 
 .sub-title {
 	font-size: 18px;
-	margin-top: 5px;
+	margin-top: 75vh;
 	margin-bottom: 0px;
-	color: white;
+	color: black;
 	text-shadow: 0 0 12px black;
 }
 
@@ -336,7 +336,7 @@ h2 {
 	/* HERO */
 	h1 { font-size: 40px; line-height: 40px; }
 	#countdown div span {font-size: 24px; line-height: 34px;}
-	.sub-title { font-size: ; line-height: ; margin-top: 10px; }
+	.sub-title { font-size: ; line-height: ; margin-top: 60vh; }
 	/* TITLE & CONTACT */
 	.title { top: 15%;}
 	.contact .icons { margin-bottom: 0px; }
@@ -414,7 +414,7 @@ h2 {
 	/* HERO */
 	h1 { font-size: 40px; line-height: 40px; }
 	#countdown div span {font-size: 24px; line-height: 34px;}
-	.sub-title { font-size: ; line-height: ; margin-top: 10px; }
+	.sub-title { font-size: ; line-height: ; margin-top: 70vh; }
 	/* TITLE & CONTACT */
 	.title { top: 15%;}
 	.contact .icons { margin-bottom: 0px; }
@@ -490,7 +490,7 @@ h2 {
 @media all and (min-width: 700px) {
 	/* HERO */
 	h1 { font-size: 90px; line-height: 90px; }
-	.sub-title { font-size: 20px; line-height: 20px; margin-top: 10px; }
+	.sub-title { font-size: 20px; line-height: 20px; margin-top: 75vh; }
 	/* TITLE & CONTACT */
 	.title { top: 18%;}
 	.line { margin-top: 20px; }
@@ -575,7 +575,7 @@ h2 {
 
 	#countdown div span {font-size: 34px; line-height: 34px;}
 	
-	.sub-title { font-size: 20px; line-height: 20px; margin-top: 20px; }
+	.sub-title { font-size: 20px; line-height: 20px; margin-top: 70vh; }
 	/* TITLE & CONTACT */
 	.title { top: 15%;}
 	.contact { bottom: 8%; }
@@ -656,7 +656,7 @@ h2 {
 	/* HERO */
 	h1 { font-size: 150px; line-height: 150px; }
 	#countdown div span {font-size: 44px; line-height: 44px;}
-	.sub-title { font-size: 25px; line-height: 25px; margin-top: 20px; }
+	.sub-title { font-size: 25px; line-height: 25px; margin-top: 80vh; }
 	/* SIZES */
 	.sphere img{
 		-webkit-transform: scale(1);
@@ -766,7 +766,7 @@ h2 {
 @media all and (min-width: 1400px) {
 	/* HERO */
 	h1 { font-size: 160px; line-height: 160px; }
-	.sub-title { font-size: 25px; line-height: 25px; margin-top: 20px; }
+	.sub-title { font-size: 25px; line-height: 25px;  margin-top: 80vh; }
 	/* POSITIONING */
 	.depth-5 {
 		right: -10%;
@@ -844,14 +844,14 @@ h2 {
 	/* HERO */
 	h1 { font-size: 180px; line-height: 180px; }
 	#countdown div span {font-size: 54px; line-height: 54px;}
-	.sub-title { font-size: 25px; line-height: 25px; margin-top: 25px; }
+	.sub-title { font-size: 25px; line-height: 25px;  margin-top: 80vh;}
 }
 
 
 @media all and (min-width: 1920px) {
 	/* HERO */
 	h1 { font-size: 200px; line-height: 200px; }
-	.sub-title { font-size: 30px; line-height: 30px; margin-top: 30px; }
+	.sub-title { font-size: 30px; line-height: 30px;  margin-top: 80vh; }
 	/* POSITIONING */
 	.depth-5 {
 		right: -10%;
diff --git a/index.html b/index.html
index ec0463f..98d3b79 100644
--- a/index.html
+++ b/index.html
@@ -15,8 +15,6 @@
         <meta content="Generator, Orchestrator, Destroyer of code!" name="description">
         <meta content="Code, Ai" name="keywords"><!-- Open Graph Meta Data -->
         <meta content="Codeshwar - Generator, Orchestrator, Destroyer of code">
-        <meta content="ThemeWagon">
-        <meta content="ThemeWagon">
         <meta content="website">
         <meta content="index.html"><!-- Twitter Card Meta Data -->
         <meta content="Codeshwar - Generator, Orchestrator, Destroyer of code" name="twitter:card">
@@ -80,12 +78,13 @@ <h2>
                     <div class="sphere">
                         <img alt="sphere" src="images/sphere_small.svg">
                     </div>
+                    <a class="button" href="mailto:developer@nighthack.in?cc=info@nighthack.in&subject=%5B%20Interest%20%5D%20Codeshwar%20&body=Hi%2C%0A%0AI%20am%20interested%20in%20getting%20started%20with%20codeshwar!%0APlease%20give%20me%20access%20so%20I%20can%20start%20building%20everything%20I%20need%20using%20an%20AI">Request Access</a>
                 </li>
 
                 <li class="layer" data-depth="0.30">
                     <div class="hero">
-                        <h1 id="countdown">
-                        </h1>
+                        <h3 id="countdown">
+                        </h3>
 
                         <p class="sub-title">
                             The Generator, Orchestrator and Destroyer of code
diff --git a/js/main.js b/js/main.js
index 42ab5f4..e9775df 100644
--- a/js/main.js
+++ b/js/main.js
@@ -55,15 +55,15 @@ $(window).load(function(){
 /* END ------------------------------------------------------- */
 
 
-$('#countdown').countdown({
-	date: "Mar 14 2024",
-	render: function(data) {
-	  var el = $(this.el);
-	  el.empty()
-	    //.append("<div>" + this.leadingZeros(data.years, 4) + "<span>years</span></div>")
-	    .append("<div>" + this.leadingZeros(data.days, 2) + " <span>days</span></div>")
-	    .append("<div>" + this.leadingZeros(data.hours, 2) + " <span>hrs</span></div>")
-	    .append("<div>" + this.leadingZeros(data.min, 2) + " <span>min</span></div>")
-	    .append("<div>" + this.leadingZeros(data.sec, 2) + " <span>sec</span></div>");
-	}
-});
\ No newline at end of file
+// $('#countdown').countdown({
+// 	date: "Mar 14 2024",
+// 	render: function(data) {
+// 	  var el = $(this.el);
+// 	  el.empty()
+// 	    //.append("<div>" + this.leadingZeros(data.years, 4) + "<span>years</span></div>")
+// 	    .append("<div>" + this.leadingZeros(data.days, 2) + " <span>days</span></div>")
+// 	    .append("<div>" + this.leadingZeros(data.hours, 2) + " <span>hrs</span></div>")
+// 	    .append("<div>" + this.leadingZeros(data.min, 2) + " <span>min</span></div>")
+// 	    .append("<div>" + this.leadingZeros(data.sec, 2) + " <span>sec</span></div>");
+// 	}
+// });
\ No newline at end of file