jsonresume-theme-government-standard 0.1.0

package/README.md

@@ -0,0 +1,57 @@
+# Government Standard Theme
+
+A formal, conservative JSON Resume theme designed for government, compliance, and defense sector roles.
+
+## Features
+
+- **Ultra-Traditional Layout**: Single column with clear section separations
+- **Formal Typography**: Times New Roman or Georgia serif fonts, 12pt body text
+- **Maximum Compliance**: Grayscale only (black, dark gray, white)
+- **ATS-Optimized**: No color dependencies, clean structure
+- **Print-Ready**: Proper margins and page breaks for physical documents
+
+## Design Philosophy
+
+This theme prioritizes clarity and compliance over aesthetics, making it ideal for:
+
+- Government positions
+- Defense contractors
+- Civil service roles
+- Compliance-focused industries
+- Organizations with strict document formatting requirements
+
+## Color Palette
+
+- **Text**: #000000 (pure black)
+- **Secondary Text**: #111827 (dark gray)
+- **Background**: #ffffff (white)
+- **Borders**: #000000 (black)
+
+No accent colors are used to maintain maximum professionalism and ATS compatibility.
+
+## Typography
+
+- **Font Family**: Times New Roman, Georgia (serif)
+- **Body Text**: 12pt
+- **Headings**: 13-18pt bold
+- **Section Titles**: 14pt bold uppercase
+
+## Supported Sections
+
+All 12 JSON Resume sections:
+
+1. Professional Summary
+2. Professional Experience
+3. Education
+4. Professional Skills
+5. Projects
+6. Volunteer Experience
+7. Awards and Honors
+8. Publications
+9. Languages
+10. Professional Interests
+11. References
+
+## Usage
+
+This theme is automatically available in the JSON Resume registry theme selector.

package/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "jsonresume-theme-government-standard",
+  "version": "0.1.0",
+  "description": "Government/compliance roles - conservative, by-the-book formatting",
+  "main": "src/index.js",
+  "type": "module",
+  "license": "MIT",
+  "keywords": [
+    "jsonresume",
+    "theme",
+    "government",
+    "formal",
+    "compliance",
+    "ats"
+  ],
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "dependencies": {
+    "styled-components": "^6.1.19",
+    "@resume/core": "0.1.0"
+  }
+}

package/src/Resume.jsx

@@ -0,0 +1,294 @@
+import React from 'react';
+import styled from 'styled-components';
+import { Section, SectionTitle, ContactInfo } from '@resume/core';
+import { WorkSection } from './components/WorkSection.jsx';
+import { EducationSection } from './components/EducationSection.jsx';
+import { SkillsSection } from './components/SkillsSection.jsx';
+import {
+  ProjectsSection,
+  VolunteerSection,
+  AwardsSection,
+  PublicationsSection,
+  LanguagesSection,
+  InterestsSection,
+  ReferencesSection,
+} from './components/OtherSections.jsx';
+
+// Styled components moved inline to fix webpack resolution
+const Layout = styled.div`
+  max-width: 8.5in;
+  margin: 0 auto;
+  padding: 1in;
+  background: #ffffff;
+  font-family: 'Times New Roman', Georgia, serif;
+  font-size: 12pt;
+  color: #000000;
+  line-height: 1.4;
+
+  @media print {
+    padding: 0;
+    margin: 0;
+  }
+`;
+
+const Header = styled.header`
+  text-align: center;
+  margin-bottom: 24pt;
+  padding-bottom: 12pt;
+  border-bottom: 2pt solid #000000;
+`;
+
+const Name = styled.h1`
+  font-size: 18pt;
+  font-weight: bold;
+  color: #000000;
+  margin: 0 0 6pt 0;
+  letter-spacing: 0;
+  text-transform: uppercase;
+  font-family: 'Times New Roman', Georgia, serif;
+`;
+
+const Label = styled.div`
+  font-size: 12pt;
+  color: #000000;
+  margin-bottom: 8pt;
+  font-weight: normal;
+  font-family: 'Times New Roman', Georgia, serif;
+`;
+
+const StyledContactInfo = styled(ContactInfo)`
+  font-size: 11pt;
+  text-align: center;
+
+  a {
+    font-size: 11pt;
+    color: #000000;
+    text-decoration: underline;
+  }
+`;
+
+const Summary = styled.p`
+  font-size: 12pt;
+  line-height: 1.4;
+  color: #000000;
+  margin: 12pt 0 0 0;
+  text-align: left;
+  font-family: 'Times New Roman', Georgia, serif;
+`;
+
+const StyledSectionTitle = styled(SectionTitle)`
+  font-size: 14pt;
+  font-weight: bold;
+  color: #000000;
+  margin: 18pt 0 12pt 0;
+  padding-bottom: 4pt;
+  border-bottom: 1pt solid #000000;
+  text-transform: uppercase;
+  font-family: 'Times New Roman', Georgia, serif;
+`;
+
+const WorkItem = styled.div`
+  margin-bottom: 18pt;
+  page-break-inside: avoid;
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+`;
+
+const WorkHeader = styled.div`
+  margin-bottom: 6pt;
+`;
+
+const Position = styled.h3`
+  font-size: 13pt;
+  font-weight: bold;
+  color: #000000;
+  margin: 0 0 3pt 0;
+  font-family: 'Times New Roman', Georgia, serif;
+`;
+
+const Company = styled.div`
+  font-size: 12pt;
+  color: #000000;
+  font-weight: normal;
+  margin-bottom: 3pt;
+  font-family: 'Times New Roman', Georgia, serif;
+`;
+
+const DateText = styled.div`
+  font-size: 11pt;
+  color: #111827;
+  font-weight: normal;
+  font-style: italic;
+  font-family: 'Times New Roman', Georgia, serif;
+`;
+
+const WorkSummary = styled.p`
+  margin: 6pt 0;
+  color: #000000;
+  line-height: 1.4;
+  font-size: 12pt;
+  font-family: 'Times New Roman', Georgia, serif;
+`;
+
+const Highlights = styled.ul`
+  margin: 6pt 0 0 18pt;
+  padding: 0;
+  list-style-type: disc;
+
+  li {
+    margin: 3pt 0;
+    color: #000000;
+    line-height: 1.4;
+    font-size: 12pt;
+    font-family: 'Times New Roman', Georgia, serif;
+  }
+`;
+
+const EducationItem = styled.div`
+  margin-bottom: 12pt;
+  page-break-inside: avoid;
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+`;
+
+const Institution = styled.h3`
+  font-size: 13pt;
+  font-weight: bold;
+  color: #000000;
+  margin: 0 0 3pt 0;
+  font-family: 'Times New Roman', Georgia, serif;
+`;
+
+const Degree = styled.div`
+  font-size: 12pt;
+  color: #000000;
+  margin-bottom: 3pt;
+  font-family: 'Times New Roman', Georgia, serif;
+`;
+
+const EducationDate = styled.div`
+  font-size: 11pt;
+  color: #111827;
+  font-style: italic;
+  font-family: 'Times New Roman', Georgia, serif;
+`;
+
+const SkillsList = styled.div`
+  margin-bottom: 12pt;
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+`;
+
+const SkillName = styled.h4`
+  font-size: 12pt;
+  font-weight: bold;
+  color: #000000;
+  margin: 0 0 3pt 0;
+  display: inline;
+  font-family: 'Times New Roman', Georgia, serif;
+`;
+
+const SkillTags = styled.span`
+  font-size: 12pt;
+  color: #000000;
+  font-weight: normal;
+  font-family: 'Times New Roman', Georgia, serif;
+`;
+
+const SimpleList = styled.div`
+  margin-bottom: 12pt;
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+`;
+
+const ListItemTitle = styled.h4`
+  font-size: 12pt;
+  font-weight: bold;
+  color: #000000;
+  margin: 0 0 3pt 0;
+  font-family: 'Times New Roman', Georgia, serif;
+`;
+
+const ListItemText = styled.p`
+  font-size: 12pt;
+  color: #000000;
+  margin: 3pt 0;
+  line-height: 1.4;
+  font-family: 'Times New Roman', Georgia, serif;
+`;
+
+// Export styled components for use in child components
+export {
+  StyledSectionTitle,
+  WorkItem,
+  WorkHeader,
+  Position,
+  Company,
+  DateText,
+  WorkSummary,
+  Highlights,
+  EducationItem,
+  Institution,
+  Degree,
+  EducationDate,
+  SkillsList,
+  SkillName,
+  SkillTags,
+  SimpleList,
+  ListItemTitle,
+  ListItemText,
+};
+
+function Resume({ resume }) {
+  const {
+    basics = {},
+    work = [],
+    education = [],
+    skills = [],
+    projects = [],
+    volunteer = [],
+    awards = [],
+    publications = [],
+    languages = [],
+    interests = [],
+    references = [],
+  } = resume;
+
+  return (
+    <Layout>
+      <Header>
+        <Name>{basics.name}</Name>
+        {basics.label && <Label>{basics.label}</Label>}
+        <StyledContactInfo basics={basics} />
+      </Header>
+
+      {basics.summary && (
+        <Section>
+          <StyledSectionTitle>Professional Summary</StyledSectionTitle>
+          <Summary>{basics.summary}</Summary>
+        </Section>
+      )}
+
+      <WorkSection work={work} />
+      <EducationSection education={education} />
+      <SkillsSection skills={skills} />
+      <ProjectsSection projects={projects} />
+      <VolunteerSection volunteer={volunteer} />
+      <AwardsSection awards={awards} />
+      <PublicationsSection publications={publications} />
+      <LanguagesSection languages={languages} />
+      <InterestsSection interests={interests} />
+      <ReferencesSection references={references} />
+    </Layout>
+  );
+}
+
+export default Resume;

package/src/components/EducationSection.jsx

@@ -0,0 +1,33 @@
+import React from 'react';
+import { Section, DateRange } from '@resume/core';
+import {
+  StyledSectionTitle,
+  EducationItem,
+  Institution,
+  Degree,
+  EducationDate,
+} from '../Resume.jsx';
+
+export function EducationSection({ education }) {
+  if (!education?.length) return null;
+
+  return (
+    <Section>
+      <StyledSectionTitle>Education</StyledSectionTitle>
+      {education.map((edu, index) => (
+        <EducationItem key={index}>
+          <Institution>{edu.institution}</Institution>
+          <Degree>
+            {edu.studyType} in {edu.area}
+            {edu.score && ` - ${edu.score}`}
+          </Degree>
+          {(edu.startDate || edu.endDate) && (
+            <EducationDate>
+              <DateRange startDate={edu.startDate} endDate={edu.endDate} />
+            </EducationDate>
+          )}
+        </EducationItem>
+      ))}
+    </Section>
+  );
+}

package/src/components/OtherSections.jsx

@@ -0,0 +1,168 @@
+import React from 'react';
+import { Section, DateRange } from '@resume/core';
+import {
+  StyledSectionTitle,
+  WorkItem,
+  WorkHeader,
+  Position,
+  Company,
+  DateText,
+  WorkSummary,
+  Highlights,
+  SimpleList,
+  ListItemTitle,
+  ListItemText,
+  SkillsList,
+  SkillName,
+  SkillTags,
+} from '../Resume.jsx';
+
+export function ProjectsSection({ projects }) {
+  if (!projects?.length) return null;
+
+  return (
+    <Section>
+      <StyledSectionTitle>Projects</StyledSectionTitle>
+      {projects.map((project, index) => (
+        <WorkItem key={index}>
+          <Position>{project.name}</Position>
+          {project.description && (
+            <WorkSummary>{project.description}</WorkSummary>
+          )}
+          {project.highlights?.length > 0 && (
+            <Highlights>
+              {project.highlights.map((highlight, i) => (
+                <li key={i}>{highlight}</li>
+              ))}
+            </Highlights>
+          )}
+        </WorkItem>
+      ))}
+    </Section>
+  );
+}
+
+export function VolunteerSection({ volunteer }) {
+  if (!volunteer?.length) return null;
+
+  return (
+    <Section>
+      <StyledSectionTitle>Volunteer Experience</StyledSectionTitle>
+      {volunteer.map((vol, index) => (
+        <WorkItem key={index}>
+          <WorkHeader>
+            <Position>{vol.position}</Position>
+            {vol.organization && <Company>{vol.organization}</Company>}
+            {(vol.startDate || vol.endDate) && (
+              <DateText>
+                <DateRange startDate={vol.startDate} endDate={vol.endDate} />
+              </DateText>
+            )}
+          </WorkHeader>
+          {vol.summary && <WorkSummary>{vol.summary}</WorkSummary>}
+          {vol.highlights?.length > 0 && (
+            <Highlights>
+              {vol.highlights.map((highlight, i) => (
+                <li key={i}>{highlight}</li>
+              ))}
+            </Highlights>
+          )}
+        </WorkItem>
+      ))}
+    </Section>
+  );
+}
+
+export function AwardsSection({ awards }) {
+  if (!awards?.length) return null;
+
+  return (
+    <Section>
+      <StyledSectionTitle>Awards and Honors</StyledSectionTitle>
+      {awards.map((award, index) => (
+        <SimpleList key={index}>
+          <ListItemTitle>{award.title}</ListItemTitle>
+          {award.awarder && (
+            <ListItemText>Awarded by: {award.awarder}</ListItemText>
+          )}
+          {award.date && <ListItemText>Date: {award.date}</ListItemText>}
+          {award.summary && <ListItemText>{award.summary}</ListItemText>}
+        </SimpleList>
+      ))}
+    </Section>
+  );
+}
+
+export function PublicationsSection({ publications }) {
+  if (!publications?.length) return null;
+
+  return (
+    <Section>
+      <StyledSectionTitle>Publications</StyledSectionTitle>
+      {publications.map((pub, index) => (
+        <SimpleList key={index}>
+          <ListItemTitle>{pub.name}</ListItemTitle>
+          {pub.publisher && (
+            <ListItemText>Publisher: {pub.publisher}</ListItemText>
+          )}
+          {pub.releaseDate && (
+            <ListItemText>Published: {pub.releaseDate}</ListItemText>
+          )}
+          {pub.summary && <ListItemText>{pub.summary}</ListItemText>}
+        </SimpleList>
+      ))}
+    </Section>
+  );
+}
+
+export function LanguagesSection({ languages }) {
+  if (!languages?.length) return null;
+
+  return (
+    <Section>
+      <StyledSectionTitle>Languages</StyledSectionTitle>
+      {languages.map((lang, index) => (
+        <SkillsList key={index}>
+          <SkillName>{lang.language}:</SkillName>{' '}
+          {lang.fluency && <SkillTags>{lang.fluency}</SkillTags>}
+        </SkillsList>
+      ))}
+    </Section>
+  );
+}
+
+export function InterestsSection({ interests }) {
+  if (!interests?.length) return null;
+
+  return (
+    <Section>
+      <StyledSectionTitle>Professional Interests</StyledSectionTitle>
+      {interests.map((interest, index) => (
+        <SkillsList key={index}>
+          <SkillName>{interest.name}</SkillName>
+          {interest.keywords?.length > 0 && (
+            <>
+              : <SkillTags>{interest.keywords.join(', ')}</SkillTags>
+            </>
+          )}
+        </SkillsList>
+      ))}
+    </Section>
+  );
+}
+
+export function ReferencesSection({ references }) {
+  if (!references?.length) return null;
+
+  return (
+    <Section>
+      <StyledSectionTitle>References</StyledSectionTitle>
+      {references.map((ref, index) => (
+        <SimpleList key={index}>
+          <ListItemTitle>{ref.name}</ListItemTitle>
+          {ref.reference && <ListItemText>{ref.reference}</ListItemText>}
+        </SimpleList>
+      ))}
+    </Section>
+  );
+}

package/src/components/SkillsSection.jsx

@@ -0,0 +1,26 @@
+import React from 'react';
+import { Section } from '@resume/core';
+import {
+  StyledSectionTitle,
+  SkillsList,
+  SkillName,
+  SkillTags,
+} from '../Resume.jsx';
+
+export function SkillsSection({ skills }) {
+  if (!skills?.length) return null;
+
+  return (
+    <Section>
+      <StyledSectionTitle>Professional Skills</StyledSectionTitle>
+      {skills.map((skill, index) => (
+        <SkillsList key={index}>
+          <SkillName>{skill.name}:</SkillName>{' '}
+          {skill.keywords?.length > 0 && (
+            <SkillTags>{skill.keywords.join(', ')}</SkillTags>
+          )}
+        </SkillsList>
+      ))}
+    </Section>
+  );
+}

package/src/components/WorkSection.jsx

@@ -0,0 +1,43 @@
+import React from 'react';
+import { Section, DateRange } from '@resume/core';
+import {
+  StyledSectionTitle,
+  WorkItem,
+  WorkHeader,
+  Position,
+  Company,
+  DateText,
+  WorkSummary,
+  Highlights,
+} from '../Resume.jsx';
+
+export function WorkSection({ work }) {
+  if (!work?.length) return null;
+
+  return (
+    <Section>
+      <StyledSectionTitle>Professional Experience</StyledSectionTitle>
+      {work.map((job, index) => (
+        <WorkItem key={index}>
+          <WorkHeader>
+            <Position>{job.position}</Position>
+            {job.name && <Company>{job.name}</Company>}
+            {(job.startDate || job.endDate) && (
+              <DateText>
+                <DateRange startDate={job.startDate} endDate={job.endDate} />
+              </DateText>
+            )}
+          </WorkHeader>
+          {job.summary && <WorkSummary>{job.summary}</WorkSummary>}
+          {job.highlights?.length > 0 && (
+            <Highlights>
+              {job.highlights.map((highlight, i) => (
+                <li key={i}>{highlight}</li>
+              ))}
+            </Highlights>
+          )}
+        </WorkItem>
+      ))}
+    </Section>
+  );
+}

package/src/index.js

@@ -0,0 +1,51 @@
+import React from 'react';
+import { renderToString } from 'react-dom/server';
+import { ServerStyleSheet } from 'styled-components';
+import Resume from './Resume.jsx';
+
+export function render(resume) {
+  const sheet = new ServerStyleSheet();
+
+  try {
+    const html = renderToString(
+      sheet.collectStyles(<Resume resume={resume} />)
+    );
+    const styles = sheet.getStyleTags();
+
+    return `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>${resume.basics?.name || 'Resume'} - Resume</title>
+  ${styles}
+  <style>
+    * {
+      box-sizing: border-box;
+      margin: 0;
+      padding: 0;
+    }
+    body {
+      margin: 0;
+      padding: 0;
+      background: #ffffff;
+      font-family: 'Times New Roman', Georgia, serif;
+    }
+    @media print {
+      body {
+        background: white;
+      }
+      @page {
+        margin: 1in;
+      }
+    }
+  </style>
+</head>
+<body>
+  ${html}
+</body>
+</html>`;
+  } finally {
+    sheet.seal();
+  }
+}

package/src/styles.js

@@ -0,0 +1,212 @@
+import styled from 'styled-components';
+import { SectionTitle, ContactInfo } from '@resume/core';
+
+export const Layout = styled.div`
+  max-width: 8.5in;
+  margin: 0 auto;
+  padding: 1in;
+  background: #ffffff;
+  font-family: 'Times New Roman', Georgia, serif;
+  font-size: 12pt;
+  color: #000000;
+  line-height: 1.4;
+
+  @media print {
+    padding: 0;
+    margin: 0;
+  }
+`;
+
+export const Header = styled.header`
+  text-align: center;
+  margin-bottom: 24pt;
+  padding-bottom: 12pt;
+  border-bottom: 2pt solid #000000;
+`;
+
+export const Name = styled.h1`
+  font-size: 18pt;
+  font-weight: bold;
+  color: #000000;
+  margin: 0 0 6pt 0;
+  letter-spacing: 0;
+  text-transform: uppercase;
+  font-family: 'Times New Roman', Georgia, serif;
+`;
+
+export const Label = styled.div`
+  font-size: 12pt;
+  color: #000000;
+  margin-bottom: 8pt;
+  font-weight: normal;
+  font-family: 'Times New Roman', Georgia, serif;
+`;
+
+export const StyledContactInfo = styled(ContactInfo)`
+  font-size: 11pt;
+  text-align: center;
+
+  a {
+    font-size: 11pt;
+    color: #000000;
+    text-decoration: underline;
+  }
+`;
+
+export const Summary = styled.p`
+  font-size: 12pt;
+  line-height: 1.4;
+  color: #000000;
+  margin: 12pt 0 0 0;
+  text-align: left;
+  font-family: 'Times New Roman', Georgia, serif;
+`;
+
+export const StyledSectionTitle = styled(SectionTitle)`
+  font-size: 14pt;
+  font-weight: bold;
+  color: #000000;
+  margin: 18pt 0 12pt 0;
+  padding-bottom: 4pt;
+  border-bottom: 1pt solid #000000;
+  text-transform: uppercase;
+  font-family: 'Times New Roman', Georgia, serif;
+`;
+
+export const WorkItem = styled.div`
+  margin-bottom: 18pt;
+  page-break-inside: avoid;
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+`;
+
+export const WorkHeader = styled.div`
+  margin-bottom: 6pt;
+`;
+
+export const Position = styled.h3`
+  font-size: 13pt;
+  font-weight: bold;
+  color: #000000;
+  margin: 0 0 3pt 0;
+  font-family: 'Times New Roman', Georgia, serif;
+`;
+
+export const Company = styled.div`
+  font-size: 12pt;
+  color: #000000;
+  font-weight: normal;
+  margin-bottom: 3pt;
+  font-family: 'Times New Roman', Georgia, serif;
+`;
+
+export const DateText = styled.div`
+  font-size: 11pt;
+  color: #111827;
+  font-weight: normal;
+  font-style: italic;
+  font-family: 'Times New Roman', Georgia, serif;
+`;
+
+export const WorkSummary = styled.p`
+  margin: 6pt 0;
+  color: #000000;
+  line-height: 1.4;
+  font-size: 12pt;
+  font-family: 'Times New Roman', Georgia, serif;
+`;
+
+export const Highlights = styled.ul`
+  margin: 6pt 0 0 18pt;
+  padding: 0;
+  list-style-type: disc;
+
+  li {
+    margin: 3pt 0;
+    color: #000000;
+    line-height: 1.4;
+    font-size: 12pt;
+    font-family: 'Times New Roman', Georgia, serif;
+  }
+`;
+
+export const EducationItem = styled.div`
+  margin-bottom: 12pt;
+  page-break-inside: avoid;
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+`;
+
+export const Institution = styled.h3`
+  font-size: 13pt;
+  font-weight: bold;
+  color: #000000;
+  margin: 0 0 3pt 0;
+  font-family: 'Times New Roman', Georgia, serif;
+`;
+
+export const Degree = styled.div`
+  font-size: 12pt;
+  color: #000000;
+  margin-bottom: 3pt;
+  font-family: 'Times New Roman', Georgia, serif;
+`;
+
+export const EducationDate = styled.div`
+  font-size: 11pt;
+  color: #111827;
+  font-style: italic;
+  font-family: 'Times New Roman', Georgia, serif;
+`;
+
+export const SkillsList = styled.div`
+  margin-bottom: 12pt;
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+`;
+
+export const SkillName = styled.h4`
+  font-size: 12pt;
+  font-weight: bold;
+  color: #000000;
+  margin: 0 0 3pt 0;
+  display: inline;
+  font-family: 'Times New Roman', Georgia, serif;
+`;
+
+export const SkillTags = styled.span`
+  font-size: 12pt;
+  color: #000000;
+  font-weight: normal;
+  font-family: 'Times New Roman', Georgia, serif;
+`;
+
+export const SimpleList = styled.div`
+  margin-bottom: 12pt;
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+`;
+
+export const ListItemTitle = styled.h4`
+  font-size: 12pt;
+  font-weight: bold;
+  color: #000000;
+  margin: 0 0 3pt 0;
+  font-family: 'Times New Roman', Georgia, serif;
+`;
+
+export const ListItemText = styled.p`
+  font-size: 12pt;
+  color: #000000;
+  margin: 3pt 0;
+  line-height: 1.4;
+  font-family: 'Times New Roman', Georgia, serif;
+`;