JSFiddle - React, Tailwind, and code Playground

by justinwinter

HTML

<body>
<div class="content">
<div class="cognito">
<script src="https://services.cognitoforms.com/s/t6RzjHRl50KIUioyiAblvw"></script>
<script>Cognito.load("forms", { id: "75" });</script>
</div>
</div>

</body>

CSS

@import url('https://fonts.googleapis.com/css?family=EB+Garamond|Muli|Tinos');


body {
font-size: 14px !important;
}

.c-validation {
font-family: Muli, sans-serif !important;
font-size: 16px !important;
margin: 5px 0 0 8px !important;
background-color: red !important;
}


.content {
max-width: 800px !important;
margin-left: auto !important;
margin-right: auto !important;
}

h1 {
font-family: 'EB Garamond', serif !important;
font-size: 20px !important;
font-weight: bold !important;
margin: 55px 0 0 -460px !important;
}

h2 {
font-family: 'EB Garamond', serif !important;
font-size: 16px !important;
font-weight: normal !important;
font-style: italic !important;
margin: 0 0 0 -460px !important;
}


h4 {
font-family: 'EB Garamond', serif !important;
font-size: 17px !important;
font-weight: normal !important;
margin: -180px 0 0 -120px !important;
}

h5 {
font-family: 'EB Garamond', serif !important;
font-size: 20px !important;
font-weight: bold !important;
margin: 55px 0 0 260px !important;
}

h6 {
font-family: 'EB Garamond', serif !important;
font-size: 16px !important;
font-weight: normal !important;
font-style: italic !important;
margin: 0 0 0 0 !important;
}

.c-sml-span-12[data-field="LSC"] .c-content {
font-size: 20px;
width: 200px !important;
text-align: right !important;
font-weight: bold !important;
font-family: Tinos, serif !important;
margin: -300px 0 0 350px !important;
}
.c-sml-span-12[data-field="LSCTitle"] .c-content {
font-size: 12px;
width: 200px !important;
text-align: right !important;
font-family: Tinos, serif !important;
font-style: italic !important;
margin: -295px 0 0 350px !important;
}

.c-sml-span-12[data-field="LSCAdd1"] .c-content {
font-size: 14px;
text-align: right !important;
font-family: Tinos, serif !important;
margin: -198px 490px 0 0 !important;
}

.c-sml-span-12[data-field="LSCAdd2"] .c-content {
font-size: 14px;
text-align: right !important;
font-family: Tinos, serif !important;
margin: -198px 490px 0 0...