diff --git a/README.md b/README.md
index 0db196c..0f635a6 100644
--- a/README.md
+++ b/README.md
@@ -1,2 +1,5 @@
 # jojo-party
 
+For jojo.party homepage
+
+![isthisajojoref](logo.jpg)
diff --git a/jojo.html b/jojo.html
index c53c409..10b3f28 100644
--- a/jojo.html
+++ b/jojo.html
@@ -1,4 +1,7 @@
 <!DOCTYPE html>
+<head>
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+</head>
 <html>
   <style type="text/css">
     body {
@@ -7,7 +10,9 @@
       text-align: center;
     }
     #jojo {
-      margin-top: 25px;
+      max-width: 100%;
+      width: 505px;
+      margin: 25pt auto;
       font-size: 21px;
       text-align: center;
 
@@ -30,11 +35,31 @@
 
   <body>
     <p>>.< uff</p>
-    <audio loop="loop" autoplay="autoplay" controls>
-        <source src="./giorno-theme.mp3" type="audio/mpeg" />
-    </audio>    
+    <audio loop="loop" autoplay controls>
+      <source src="giorno-theme.mp3" type="audio/mpeg" />
+    </audio>
 
-    <pre id="jojo">
+    <p id="jojo">
+      &#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10367;&#10331;&#10271;&#10303;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;
+      &#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10303;&#10280;&#10304;&#10244;&#10244;&#10328;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;
+      &#10495;&#10495;&#10495;&#10495;&#10303;&#10369;&#10300;&#10250;&#10481;&#10307;&#10244;&#10248;&#10297;&#10431;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;
+      &#10495;&#10495;&#10367;&#10267;&#10343;&#10241;&#10356;&#10470;&#10452;&#10486;&#10436;&#10400;&#10244;&#10244;&#10297;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10468;&#10285;&#10255;&#10265;&#10431;&#10495;&#10495;&#10495;&#10495;&#10495;
+      &#10495;&#10343;&#10272;&#10272;&#10400;&#10494;&#10494;&#10463;&#10269;&#10249;&#10249;&#10299;&#10322;&#10306;&#10244;&#10265;&#10299;&#10495;&#10495;&#10495;&#10495;&#10495;&#10346;&#10264;&#10244;&#10249;&#10308;&#10425;&#10495;&#10495;&#10495;&#10495;
+      &#10495;&#10243;&#10241;&#10384;&#10487;&#10249;&#10303;&#10256;&#10257;&#10272;&#10272;&#10244;&#10440;&#10495;&#10436;&#10481;&#10464;&#10427;&#10495;&#10495;&#10495;&#10495;&#10479;&#10295;&#10248;&#10249;&#10368;&#10494;&#10495;&#10495;&#10495;&#10495;
+      &#10495;&#10484;&#10276;&#10476;&#10477;&#10484;&#10242;&#10247;&#10324;&#10266;&#10253;&#10244;&#10244;&#10241;&#10264;&#10431;&#10487;&#10376;&#10495;&#10495;&#10495;&#10495;&#10343;&#10242;&#10464;&#10244;&#10296;&#10332;&#10367;&#10495;&#10495;&#10495;
+      &#10495;&#10439;&#10244;&#10329;&#10495;&#10487;&#10477;&#10487;&#10243;&#10464;&#10244;&#10244;&#10308;&#10244;&#10244;&#10244;&#10427;&#10495;&#10495;&#10495;&#10495;&#10495;&#10471;&#10433;&#10495;&#10308;&#10300;&#10367;&#10470;&#10476;&#10480;&#10495;
+      &#10495;&#10487;&#10469;&#10484;&#10495;&#10495;&#10495;&#10495;&#10295;&#10290;&#10244;&#10400;&#10244;&#10310;&#10244;&#10244;&#10244;&#10344;&#10431;&#10495;&#10495;&#10495;&#10495;&#10495;&#10446;&#10256;&#10244;&#10248;&#10457;&#10473;&#10495;&#10495;
+      &#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10399;&#10261;&#10241;&#10248;&#10400;&#10371;&#10424;&#10495;&#10495;&#10486;&#10328;&#10257;&#10244;&#10296;&#10495;&#10495;&#10495;&#10495;&#10495;&#10470;&#10304;&#10313;&#10431;&#10471;&#10495;&#10495;
+      &#10495;&#10495;&#10495;&#10495;&#10367;&#10251;&#10244;&#10244;&#10368;&#10244;&#10256;&#10409;&#10495;&#10495;&#10495;&#10495;&#10470;&#10304;&#10244;&#10244;&#10249;&#10303;&#10495;&#10495;&#10495;&#10495;&#10495;&#10487;&#10472;&#10495;&#10495;&#10495;
+      &#10495;&#10495;&#10495;&#10335;&#10244;&#10244;&#10244;&#10244;&#10244;&#10251;&#10368;&#10492;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10486;&#10470;&#10432;&#10399;&#10491;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;
+      &#10495;&#10495;&#10495;&#10310;&#10246;&#10244;&#10272;&#10304;&#10304;&#10244;&#10493;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;
+      &#10495;&#10495;&#10367;&#10309;&#10244;&#10244;&#10368;&#10352;&#10242;&#10492;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;&#10495;
+
+      <br />
+      ok fine, take this
+    </p>
+
+    <!-- 
     ⣿⣿⣿⣿⣿⣿⣿⡿⡛⠟⠿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿ 
     ⣿⣿⣿⣿⣿⣿⠿⠨⡀⠄⠄⡘⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿ 
     ⣿⣿⣿⣿⠿⢁⠼⠊⣱⡃⠄⠈⠹⢿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿ 
@@ -48,9 +73,7 @@
     ⣿⣿⣿⣿⡿⠋⠄⠄⢀⠄⠐⢩⣿⣿⣿⣿⣦⡀⠄⠄⠉⠿⣿⣿⣿⣿⣿⣷⣨⣿⣿⣿ 
     ⣿⣿⣿⡟⠄⠄⠄⠄⠄⠋⢀⣼⣿⣿⣿⣿⣿⣿⣿⣶⣦⣀⢟⣻⣿⣿⣿⣿⣿⣿⣿⣿ 
     ⣿⣿⣿⡆⠆⠄⠠⡀⡀⠄⣽⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿ 
-   ⣿⣿⡿⡅⠄⠄⢀⡰⠂⣼⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿
-    ok fine, take this
-</pre
-    >
+    ⣿⣿⡿⡅⠄⠄⢀⡰⠂⣼⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿ 
+    -->
   </body>
 </html>
