JSFiddle - React, Tailwind, and code Playground

HTML

<!DOctype html>
<html>
<head>
<title>::главная::---УРАЛСТРОЙПОРТАЛ---::главная:</title>
<meta charset = "utf-8">

<style>
* {
    margin: 0;
    padding: 0;
   }
   tr {
margin: 0;
   padding: 0;
   }
   @font-face{
   font-family: MyriadPro-Cond;
   src: url("fonts/MyriadPro-Cond.oft") format("opentype");
   }
   @font-face{
   font-family: MyriadPro-Semibold;
  src: url("fonts/MyriadPro-Semibold.oft") format("opentype");
   }
   @font-face{
   font-family: MyriadPro-It;
   src: url("fonts/MyriadPro-It.oft") format("opentype");
   }
   @font-face{
   font-family: tahoma;
   src: url("fonts/tahoma.ttf") format("truetype");
   }
   @font-face{
   font-family: tahomabd;
   src: url("fonts/tahomabd.ttf") format("truetype");
   } 
   a img{
border: none;
}  
   table.menu {  
         height: 200%;
   background-image: url(images/gradient.bmp); 
    text-align: center;
    border-collapse: collapse;
    border: 0;
       padding: 0; 
   display: block;
   }
   table.osnov {
       text-align: left;
   }
   tr {
margin: 0;
   padding: 0;
   }
   a.nizok
   {
    text-decoration: none;
   }
  a.kartinka_ssilka
  {
   text-decoration: none;
  }
   a.ssilka_menu {
   font-family: MyriadPro-Cond, Arial, Helvetica, sans-serif;
   display:block;
color:#FFFFFF;
text-decoration: none ;
font-size: 80%;
}     
a.ggg {
color:#000000;
} 
td.menu_hover:hover {  
   background-image: url(images/gradient_hover.bmp); 
border: 0;
margin: 0;
    padding: 0;}
    .menu_hover{
      font-family: MyriadPro-Cond, Arial, Helvetica, sans-serif;
    font-size: 19pt;
    } 
    .hone {
        font-family: MyriadPro-Cond, Arial, Helvetica, sans-serif;
    font-size: 17pt;
    }
    .hsix {
        font-family: tahoma, Arial, Helvetica, sans-serif;
    font-size: 11pt;
    }
    a.htwo {
color:#03a9d7;
font-family: tahoma, Arial, Helvetica, sans-serif;
    font-size: 10pt;
   table.fon2
    {      
               height: 60%; 
        border-collapse: collapse;
    background-image:...