JSFiddle - React, Tailwind, and code Playground

by kevinjazzmaster

HTML

<p class="ej-header1">WIN YOUR WAY IN!</p><svg id="EJ_Presents" data-name="EJ Pleasets" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 344.88 37.68"><title>FYBR-admat-photo-landscapeV4</title><g id="Type_BLACK_RGB_Image" data-name="Type BLACK RGB Image"><image id="Type_BLACK_RGB_Image-2" data-name="Type BLACK RGB Image" width="900" height="157" transform="scale(0.24)"...

CSS

@font-face {
  font-family: 'Farewell-Bold';
  src: url('https://musicchoice.com/wp-content/uploads/2018/12/Farewell-Bold.eot'); /* IE9 Compat Modes */
  src: url('https://musicchoice.com/wp-content/uploads/2018/12/Farewell-Bold.eot') format('embedded-opentype'), /* IE6-IE8 */
       url('https://musicchoice.com/wp-content/uploads/2018/12/Farewell-Bold.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://musicchoice.com/wp-content/uploads/2018/12/Farewell-Bold.woff') format('woff'), /* Pretty Modern Browsers */
       url('https://musicchoice.com/wp-content/uploads/2018/12/Farewell-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
}

body{
    font-family:'Farewell-Bold', sans-serif;
    
}

p{
    font-family:'Farewell-Bold', sans-serif;
    
}


.ej-header1 {
    font-family: 'Farewell-Bold', sans-serif !important;
    font-weight: 900;
    font-size: 58px !important;
    color: #ffcc00 !important;
    line-height: 62px;
    position: relative;
    display: block;
    top: 61px;
}

h2{
    font-family:'Farewell-Bold', sans-serif;
    
}


.wpex-form-modern label {
    color:rgb(231, 036, 134) !important;
    font-family:lato, sans-serif;
    font-size:13px;
    letter-spacing:1px;
    font-weight:900;
}

.wpcf7-form p {
    margin-bottom: 15px;
    color: rgb(231, 036, 134) !important;
    font-family: lato, sans-serif;
    font-size:9px;
    letter-spacing:1px;
    font-weight:900;
}

.wpex-form-modern {
    background: rgb(255, 204, 0);
    background-size: contain;
    padding: 12px 13px 7px 13px;
    border: 1px solid transparent;
    border-radius: 11px;
    position: relative;
    top: 3em;
}

.wpex-accent-bg, .background-highlight, input[type="submit"], .theme-button, button, #main .tagcloud a:hover, .post-tags a:hover, .wpex-carousel .owl-dot.active, #site-navigation .menu-button>a>span.link-inner, .wpex-carousel .owl-prev, .wpex-carousel .owl-next {
    background: rgb(231, 036, 134) !important;
    color: rgb(255, 204,...