JSFiddle - React, Tailwind, and code Playground

by Santharam N R

HTML

<style>
  .in1{width:275px;height:45px; border-color: #f0b41c;}
   .in3{width:120px;height:40px;}
   .in4{ width:150px;height:40px;}
span{
    display:inline-flex;   
}
    </style>
  <div>         
<span>
 <input class="in1" type="text"  name="name" placeholder="your name" required>
  <input class="in1"  type="email" name="email" placeholder="your email" required>
  <input class="in3" type="submit" name="submit" value="Sign Up"><br>
      </span>

     <span style="font-size: 25px; font-weight: 700; line-height: 130%;color: #fff;   padding: 10px;"> SOME TEXT <span style=" font-family: 'Grundschrift';color:#f0b41c;">Some Text</span> SOME TEXT</span>
      <br><input class="in4"  type="submit" name="submit" value="How to Play">  
         </div>