/*
 *  Public Sans Typeface
 */
@font-face {
  font-family: "Public Sans";
  src: url("../fonts/PublicSans-Regular.woff2") format("woff2"), url("../fonts/PublicSans-Regular.woff") format("woff");
  font-weight: 400;
}
@font-face {
  font-family: "Public Sans";
  src: url("../fonts/PublicSans-Italic.woff2") format("woff2"), url("../fonts/PublicSans-Italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Public Sans";
  src: url("../fonts/PublicSans-Medium.woff2") format("woff2"), url("../fonts/PublicSans-Medium.woff") format("woff");
  font-weight: 500;
}
@font-face {
  font-family: "Public Sans";
  src: url("../fonts/PublicSans-Bold.woff2") format("woff2"), url("../fonts/PublicSans-Bold.woff") format("woff");
  font-weight: 700;
}
/*
 * Colours
 */
/*
 *  Typography roles
 */
.typeScale.body-small {
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0.4px;
  font-weight: 400;
}
/*
 * Scrollbar
 */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: var(--secondary-container);
}
::-webkit-scrollbar-thumb {
  background: #008E49;
}
::-webkit-scrollbar-thumb:hover {
  background: #61BB4D;
}
/*
 *  Color tokens
 */
.color.surface {
  background-color: #FFF8F4;
}
.color.primaryContainer {
  background-color: #FFDDB9;
}
.color.secondaryContainer {
  background-color: #61BB4D;
  color: #FFFFFF;
}
/*
 * Customize default theme
 */
:root,
body.light {
  --primary: #008E49;
  --secondary: #FFDDB9;
  --secondary-container: #fff3e8;
  --on-secondary: #2B1700;
  --surface: #FFF8F4;
  --surface-variant: white;
  --on-surface: #2B1700;
  --on-surface-variant: #2B1700;
  --tertiary: #61BB4D;
  --on-tertiary: white;
  --outline: #DEC0AA;
  --body: #FFF8F4;
  --font: "Public Sans";
  --inverse-surface: var(--on-surface);
  --inverse-on-surface: var(--surface);
}
.red-text {
  color: #CA3435 !important;
}
.red {
  background-color: #CA3435 !important;
}
h1,
h2 {
  font-weight: 700;
  color: var(--primary);
}
h1 {
  font-size: 32px;
}
h2 {
  font-size: 28px;
}
h3 {
  font-weight: 700;
  font-size: 24px;
}
h4 {
  font-size: 22px;
}
/*
 * body
 */
body {
  width: 100%;
  min-height: 100vh;
}
/*
 * main
 */
main {
  margin: 0 auto;
  padding: 12px;
  max-width: 720px;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
main video {
  width: 100%;
}
a span.italic {
  display: block;
}
p,
figcaption,
a.row div {
  line-height: 1.4em;
}
figure:first-of-type {
  margin-top: 1rem;
}
figure {
  max-width: 100%;
}
figure img {
  width: 100%;
  border-radius: 8px;
}
figure figcaption {
  margin-top: 0.5rem;
  margin-bottom: 1rem;
  font-size: smaller;
}
footer {
  text-align: center;
  font-size: smaller;
  margin-bottom: 1rem;
}
footer a:link,
footer a:visited {
  color: var(--primary);
  font-weight: bold;
}
sup {
  vertical-align: baseline;
}
/*# sourceMappingURL=style.css.map */