JSFiddle - React, Tailwind, and code Playground

HTML

<section class="main">
 	<div id="wrap">

 		<div id="featured">
 			<div class="wrap">      
 						<div class="textwidget">
 						<!--<h2>We create creative events.</h2>-->
 							<div class="cup"><img src="C:\Users\Kadeem\Documents\Tester\red-cup.png" width="" height="200" alt=""></div>
 								<div id="header"></div>
 							</div>
 						</div>
 					</div>
 				</div>
 			</div>
 		</div>
 		<div class="whiteboard">
 			<h1><a href="#">HELLO GUYS</a></h1>

      
 			</div>
 		</div>
     <div class="bg1"> <h2> WE ARE AN EVENTS MANAGEMENT COMPANY BASED IN LONDON. </h2></div>

CSS

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video
{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}

/*Specific CSS begins*/


.main{text-align:center;}

h1{
    -webkit-font-smoothing: antialiased;
        display:inline-block;
      font: 800 1.313em "proxima-nova",sans-serif; 
      padding: 10px 10px;
      margin: 20px 20px;
      letter-spacing: 8px;
      text-transform: uppercase;
        font-size:3.125em;
        text-align: center; 
        max-width: 606px;
line-height: 1.45em;
position: scroll;
    background-color:#e94f78;
    text-decoration: none;
    color:yellow;
    background-image:url;
}

h1 a{
	text-decoration: none;
	color:yellow;
	        padding-left: 0.15em;
}

h2{
    -webkit-font-smoothing: antialiased;
        display:inline-block;
      font: 800 1.313em "proxima-nova",sans-serif; 
      letter-spacing: 8px;
      margin-top: 100px;
      text-transform: uppercase;
        font-size:3.125em;
        text-align: center; 
line-height: 1.45em;
position: scroll;
    text-decoration: none;
    color:white;
    z-index: -9999;
}

h2 a{
	text-decoration: none;
	color:white;
	        padding-left: 0.15em;
}

h5{

position: absolute;
        font-family:sans-serif; 
        font-weight:bold; 
        font-size:40px; 
        text-align: center; 
        float: right;
        background-color:#fff;
        margin-top: -80px;
        margin-left: 280px;
}

h5 a{

	text-decoration: none;
	color:red;
}

h5 a:hover{

	color:yellow;
}

#text1{
    -webkit-font-smoothing: antialiased;
        display:inline-block;
      font: 800 1.313em "proxima-nova",sans-serif; 
     ...