JSFiddle - React, Tailwind, and code Playground

by justinwinter

HTML

<!DOCTYPE html>
<html lang="en">
<head>
<title>LCG</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="robots" content="noindex, nofollow">
<meta name="googlebot" content="noindex, nofollow">
<meta name="viewport" content="width=device-width, initial-scale=1">

<style>
 @import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
/* Layout: */


body {
  margin: 1.5em !important;
  font-family: Muli, sans-serif !important;;
  font-size: 18px !important;
}

.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.col {
  padding: .5em .5em 0 .5em;
  margin: 0 2px 1em 0;
}

.c-forms-form {
width: 100% !important;
margin: auto !important;
}

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

h1 {
font-family: Muli, sans-serif !important;
font-size: 40px !important;
} 

h2 {
font-family: Muli, sans-serif !important;
font-size: 24px !important;
font-weight: bold !important;
}

h3 {
font-family: Muli, sans-serif !important;
font-size: 18px !important;
}

h6 {
font-family: Muli, san-serif !important;
font-size: 18px !important;
font-weight: bold !important;
}

h5 {
font-size: 16px !important;
font-weight: bold !important;
font-family: Muli, sans-serif !important;
text-decoration: none !important;
}

.c-editor, .c-html {
text-decoration: none !important;
font-size: 18px !important;
font-family: Muli, sans-serif !important;
}

.cognito .c-field {
padding: 5px 0px 0px 0px !important;
}

/* All labels */
.cognito .c-label label, .cognito .c-label {
font-family: Muli, san-serif !important;
font-size: 18px !important;
font-weight: normal !important;
}

.c-rating-scale .c-choice-question {
font-size: 18px !important;
}

/*Checkbox Lables */
.c-choice-checkboxes .c-label {
font-family: Muli, sans-serif !important;
font-weight: normal !important;
}

/* All buttons */
.cognito button {
border-color:...