diff --git a/html/ytmain.ejs b/html/ytmain.ejs
index 14ad6265..bbd4f6c0 100644
--- a/html/ytmain.ejs
+++ b/html/ytmain.ejs
@@ -30,22 +30,30 @@
     <meta content=summary_large_image name=twitter:card>
     <meta content=@PoketaleBot name=twitter:site>
     <meta content=@PoketaleBot name=twitter:creator>
+  <link href=https://cdn.poketalebot.com/404/v2.css rel=stylesheet>
+    <link href=/css/app.main.css rel=stylesheet>
  </head>
 <body>
-    <style>
-        body{background-color:#23272A} h1{color:#fff} h2{color:#fff} h3{color:#fff} h4{color:#fff}  p{color:#fff}ohyeah{color:#fff}.jumbotron{background-color:#1f1c1c;margin:50px;padding:15px;margin-bottom:20px}
-    </style>
-            <center>
-    <div class="jumbotron" style="justify-content: center;">
-      <a href="https://uahelp.monobank.ua/">Help ukraine</a>
-
-            <h1 style="font-family:Sigmar One;font-weight: bold;font-size:100px;text-decoration: inherit;background: linear-gradient(to right, rgba(255,215,0,1) 50%, rgba(0,87,184,1) 50%);-webkit-text-fill-color: transparent;
-		-webkit-background-clip: text;"> POKETUBE</h1>
-            <p  style="color:#fff;font-family: 'Roboto', sans-serif;"> Youtube video player that does not track your info </p>
-            <form action="/youtube/ara" data-dashlane-rid="0437266a52d688e8" data-form-type=""> <input type="text" id="fname" name="query" value="" data-dashlane-rid="b1ddcc51a01a9fea" data-form-type=""> <input type="submit" value="search" data-dashlane-rid="b32ae802b921b67e" data-form-type=""></form><a href="https://github.com/ashpotter/poketube/" style="color:#fff;font-family: 'Roboto', sans-serif;">Source code</a>
-         </center>
-    </div>
-</body>
+     <center> 
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@900&family=Sigmar+One&display=swap" rel=stylesheet>
+    <link href=https://pro.fontawesome.com/releases/v5.15.3/css/all.css rel=stylesheet>
+    <center>
+        <nav>
+            <div class=left><a class="class" href="https://stopwarukraine.com/" style=font-family:Inter,sans-serif;color:#fff><span><i class="fa-youtube fab" style=color:#fff></i></span><span style="text-decoration:inherit;background:linear-gradient(to right, rgba(255,215,0,1) 50%, rgba(0,87,184,1) 50%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;">PokeTube</span> 🇺🇦 </a></div>
+            <div class=middle>
+                <form action=/api/search><input class=search-bar id=fname name=query style=color:#fff;font-family:Roboto,sans-serif> <button class="btn btn-success" type=submit><i class="fas fa-search"></i></button></form>
+            </div>
+ 
+        </nav>
+        <section class=youtube-video>
+            <div class=screen><br>
+              <h1 style="color:#fff">Welcome to PokeTube!</h1><br>
+<h1 style="color:#fff">Search something to get started</h1>
+              <p style="color:#fff">
+                lighttube <a href="https://gitlab.com/kuylar/lighttube/-/commit/5aa2a11b481a365c01c4a4a18a60caceff1fa306">5aa2a11b</a> - <a href="https://github.com/iamashley0/poketube" style="color:#fff">Source code</a>
+              </p>
+   </body>
+ 
   <script type="text/javascript">
         function AddSearch () {
             if (window.sidebar) {     
@@ -53,4 +61,5 @@
             }
         }
  </script>
+ 
 </html>
