JSFiddle - React, Tailwind, and code Playground
HTML
<html><head><title>Report</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style>body {
display: block;
margin: 15px 10px;
}
p {
display: block;
margin: 14pt 0;
}
/* Headers */
h1 {
color: #4682B4;
display: block;
font-family: cambria;
font-size: 16pt;
font-weight: bold;
margin-top: 14pt;
}
h2 {
color: #4682B4;
display: block;
font-family: cambria;
font-size: 13pt;
font-weight: bold;
margin-top: 12pt;
}
h3 {
color: #4682B4;
display: block;
font-family: cambria;
font-size: 12pt;
font-weight: bold;
margin-top: 10pt;
}
h4 {
color: #4682B4;
display: block;
font-family: cambria;
font-size: 11pt;
font-weight: bold;
font-style: italic;
margin-top: 8pt;
}
h5 {
color: #4682A4;
display: block;
font-family: cambria;
font-size: 11pt;
font-weight: bold;
margin-top: 6pt;
}
h6 {
color: #468294;
display: block;
font-family: cambria;
font-size: 10pt;
font-weight: bold;
margin-top: 4pt;
}
.section-header-1 {
margin-top: 40pt;
border-bottom: 2px solid #4682B4;
padding: 5px;
font-family: cambria;
font-size: 16pt;
font-weight: bold;
}
.section-header-2 {
margin-top: 40pt;
border-bottom: 2px solid #4682B4;
padding: 5px;
font-family: cambria;
font-size: 13pt;
font-weight: bold;
}
.section-header-3 {
margin-top: 40pt;
border-bottom: 2px solid #4682B4;
padding: 5px;
font-family: cambria;
font-size: 12pt;
font-weight: bold;
}
.section-header-4 {
margin-top: 40pt;
border-bottom: 2px solid #4682B4;
padding: 5px;
font-family: cambria;
font-size: 11pt;
font-weight: bold;
font-style: italic;
}
.section-header-5 {
margin-top: 40pt;
border-bottom: 2px solid #4682B4;
padding: 5px;
font-family: cambria;
font-size: 11pt;
font-weight: bold;
}
/* List elements */
li {
display:...