<section>
  <div class="flexer">
    <div class="text button" id="start">start</div>
    <div class="text" id="esh">sas</div>
    <div class="text" id="demondem">BY SERGEY KOTOV</div>
    <div class="text ins" id="demo"></div>
    
  </div>
</section>
*{
  font-family: sans-serif;
}
.flexer{
  display: flex;
  flex-direction:column;
  height: 100vh;
  align-items: center;
  justify-content:center;
}
.text{
  height: 40px;
  margin: 15px;
  width: 50%;
  text-align:center;
  font-size: 50px;
  color: #ff0000;
  display:flex;
  justify-content:center;
  align-items:center;
}
.button{
  width: 230px;
  padding: 15px;
/*   transition: 0.4s; */
  border: 1px solid;
}
.button:active{
  background:red!important;
}
.button:hover{
  cursor: pointer;
  background: blue;
  color: white;
}
#demo{
/*   transition: 0.5s!important; */
  color: lime;
  text-decoration:none;
  padding: 10px 10px;
}
#demo:hover{
  cursor: pointer;
  background: black;
  color: white;
}
body {
  font-family: 'Press Start 2P', cursive;
    margin: 0;
    padding: 0;
}
.flexer {
    background: black;
}
var demondem, esh, start,  l=0, ictimer=0, rec = 0, j=0, demo, heh="instagram", mda="Start";
var zalgo_up = ["&#768;", "&#769;", "&#770;", "&#771;",
        "&#772;", "&#773;", "&#774;", "&#775;",
        "&#776;", "&#777;", "&#778;", "&#779;", 
        "&#780;", "&#781;", "&#782;", "&#783;",
        "&#784;", "&#785;", "&#786;", "&#787;",
        "&#788;", "&#789;", "&#794;", "&#795;",
        "&#795;", "&#829;", "&#830;", "&#831;",
        "&#832;", "&#833;", "&#834;", "&#835;",
        "&#836;", "&#838;", "&#842;", "&#843;",
        "&#844;", "&#848;", "&#849;", "&#850;",
        "&#855;", "&#861;", "&#864;", "&#865;", 
        "&#867;", "&#868;", "&#869;", "&#870;", 
        "&#871;", "&#872;", "&#873;", "&#875;", 
        "&#876;", "&#877;", "&#878;", "&#879;"];
var zalgo_down = ["&#790;", "&#791;", "&#792;", "&#793;",
          "&#796;", "&#797;", "&#798;", "&#799;",
          "&#800;", "&#801;", "&#802;", "&#803;",
          "&#804;", "&#805;", "&#806;", "&#807;",
          "&#808;", "&#809;", "&#810;", "&#811;",
          "&#812;", "&#813;", "&#814;", "&#815;",
          "&#816;", "&#817;", "&#818;", "&#819;",
          "&#825;", "&#828;", "&#837;", "&#839;", 
          "&#840;", "&#841;", "&#845;", "&#845;", 
          "&#846;", "&#851;", "&#852;", "&#853;", 
          "&#854;", "&#863;", "&#866;"];
var zalgo_mid = ["&#820;", "&#821;", "&#822;", "&#823;", "&#824;"];
function trufer(check){
    if(check % 2 == 0){
      return 0;
    }
    else{
      return 1;
    }
}
function passter(c, iter){
  var summa="";
  for(var i = 0; i<iter; i++){
    summa 
    = summa + c[Math.floor(Math.random() * ((c.length - 1) - 0 + 1))];
  }
  return summa;
}

function satan(arg){
  var sym, symass, argmass,old;
  sym ="Qђ4©ЁІ≠AYїю∆VSЛ;М≈ЅI»Ђо—ЕAђiИцґџƒо@nГ[ЕјnГЈЂlЊz•ИЁYЉ∞|*J^ыr";
  symass = sym.split("");
  argmass = arg.split("");
  
  argmass[Math.floor(Math.random() * ((argmass.length - 1) - 0 + 1))] 
  = symass[Math.floor(Math.random() * ((symass.length - 1) - 0 + 1))];
  
  argmass[Math.floor(Math.random() * ((argmass.length - 1) - 0 + 1))] 
  = symass[Math.floor(Math.random() * ((symass.length - 1) - 0 + 1))];
  
  argmass[Math.floor(Math.random() * ((argmass.length - 1) - 0 + 1))] 
  = symass[Math.floor(Math.random() * ((symass.length - 1) - 0 + 1))];
 
  
  argmass = argmass.join("");
  arg = argmass;
  return arg;
}

function paster() {
  if(rec==1){
    demo = satan(demo); 
    demondem = satan(demondem); 
    esh = satan(esh);
    start = satan(start);
  }
  $('#demo').html(satan($('#demo').text()));  
  $('#demondem').html(satan($('#demondem').text()));
  $('#esh').html(satan($('#esh').text()));
  $('#start').html(satan($('#start').text()));
  l++;
}
$('#start').click(function () {
    if(trufer(ictimer)==0){
      timerId = setInterval(paster, 80);
      rec = 1;
      mda = "Stop";
    }
    else{
      rec = 0;
      clearInterval(timerId);
      mda = "Start";
      start = mda;
      demo=heh;
      demondem = "BY SERGEY KOTOV";
      esh = "SAS";
      paster();
    }
    ictimer++;
});
$("#demo").click(function () {
   if(trufer(j)==0){
      $(this).html("@liqrizz");
      heh = "@liqrizz";
    }
    else{
       $(this).html("instagram");
        heh = "instagram";
    }
    j++;
  });

External CSS

  1. https://fonts.googleapis.com/css?family=Press+Start+2P|Source+Sans+Pro

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js