JSFiddle - React, Tailwind, and code Playground

HTML

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd" >
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="keyword" content="XHTMLMP, vts" />
<meta name="author" content="vts" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/> 

<title>Main page</title>
<link href="lav.css" rel="stylesheet" type="text/css" media="screen, projection" />
</head>
<body>
<div id="container" >
<div id="top">
</div>
<div id="header">

</div>
<div id="content">
<div id="lav-bg-intro"></div>

<div id="dugme" >
<a class="lav " href="http://lavpivo.rs/naslovna">ili jesi</a>   &nbsp; &nbsp; &nbsp; &nbsp;
<a class="lav " href="denied.xhtml">ili nisi</a>
</div>
<h1>PUNOLETAN</h1>


</div>

<div id="bottom"></div>
<div id="footer">


</div>
</div>
</body>
</html>

CSS

#container{
width:98%;
margin:0 auto;
color:#fff;
font-family:arial, helvetica, "sans serif";
font-size:12pt;
white-space: nowrap;
}

@font-face{
    font-family: 'Homestead Display';
    src: url('Homestead-Display.ttf');
    font-weight: normal;
    font-style: normal;

}

@font-face{
    font-family: 'Homestead Regular';
    src: url('Homestead-Regular.ttf');
    font-weight: normal;
    font-style: normal;

}

@font-face{
    font-family: 'Wisdom';
    src: url('wisdom.otf');
    font-weight: normal;
    font-style: normal;
    }

html {
	
	background: #1f8cc4; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */

	background: -moz-linear-gradient(top,  #1f8cc4 0%, #073d85 60%, #073d85 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f8cc4), color-stop(60%,#073d85), color-stop(100%,#073d85)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1f8cc4 0%,#073d85 60%,#073d85 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1f8cc4 0%,#073d85 60%,#073d85 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1f8cc4 0%,#073d85 60%,#073d85 100%); /* IE10+ */
	background: linear-gradient(top,  #1f8cc4 0%,#073d85 60%,#073d85 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f8cc4', endColorstr='#073d85',GradientType=0 ); /* IE6-8 */
}

h1 
{font:100px 'Homestead Display', Arial, Helvetica, sans-serif;
 color:#fff;
 text-align:center;
}
 .denied
{
font:70px 'Homestead Regular', Arial, Helvetica, sans-serif;
 color:#fff;
 text-align:right;

  position:absolute;
}

  

#dugme {

margin:4cm 6cm 2cm 6cm;; 
padding-bottom:20px;
text-align:center;
 white-space: nowrap; 

}
.lav {
       display:inline-block;  
    width:183px;
    height:79px;
    border:1px solid #729fc9;
text-align:center;
    font:53px/79px 'Wisdom', Arial, Helvetica, sans-serif;
    color:#fff;
    text-decoration:none;
     margin-left:...