@import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&family=Source+Code+Pro:wght@400&display=swap");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, picture, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/*https://piccalil.li/blog/a-more-modern-css-reset/*/
/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Prevent font size inflation */
html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

/* Set core body defaults */
body {
  min-height: 100vh;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* Set shorter line heights on headings and interactive elements */
button, input, label {
  line-height: 1.1;
}

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  height: auto;
}

/* Make sure textareas without a rows attribute are not tiny */
textarea:not([rows]) {
  min-height: 7em;
}

/* Anything that has been anchored to should have extra scroll margin */
:target {
  scroll-margin-block: 5ex;
}

[hidden] {
  display: none;
}

@font-face {
  font-family: "antonio";
  src: url("../fonts/antonio/antonio-regular-webfont.woff2") format("woff2"), url("../fonts/antonio/antonio-regular-webfont.woff") format("woff");
  font-style: normal;
  font-weight: normal;
  font-display: swap;
}
@font-face {
  font-family: "antonio";
  src: url("../fonts/antonio/antonio-bold-webfont.woff2") format("woff2"), url("../fonts/antonio/antonio-bold-webfont.woff") format("woff");
  font-style: normal;
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "antonio";
  src: url("../fonts/antonio/antonio-light-webfont.woff2") format("woff2"), url("../fonts/antonio/antonio-light-webfont.woff") format("woff");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}
hr {
  border-bottom: 1px solid color-mix(in srgb, #1c0301, white 35%);
  border-left: 0;
  border-right: 0;
  border-top: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "antonio", sans-serif;
  clear: both;
  -webkit-hyphens: none;
          hyphens: none;
  font-size: 1.2rem;
}

p {
  -webkit-hyphens: none;
          hyphens: none;
}

b,
strong,
dt {
  font-weight: bolder;
}

i,
em,
dfn,
cite,
abbr,
address {
  font-style: italic;
}

abbr,
acronym {
  border-bottom: 1px dotted color-mix(in srgb, #1c0301, white 60%);
  cursor: help;
}

mark,
ins {
  background: color-mix(in srgb, #1c0301, white 95%);
  text-decoration: none;
}

small {
  font-size: 85%;
}

big {
  font-size: 125%;
}

pre {
  overflow: auto;
  word-wrap: break-word;
  white-space: pre;
}

pre,
code,
kbd,
tt,
var {
  font-family: "Source Code Pro", monospace;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

figure {
  text-align: center;
}

figcaption {
  font-size: 1.0666666667rem;
  line-height: 1.4;
}

.img-framed {
  background-color: #fff;
  padding: 1rem;
  border-radius: 0.55rem;
  border: 1px solid color-mix(in srgb, #1c0301, white 35%);
  box-shadow: 2px 2px 2px color-mix(in srgb, #1c0301, white 95%);
}

.img-circle {
  border-radius: 50rem !important;
}

.alignleft,
.alignright,
.aligncenter {
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-bottom: 2rem;
}

@media only screen and (min-width: 900px) {
  figure.alignright,
  img.alignright {
    float: right;
    margin-left: 2rem;
    margin-top: 10px;
  }
  figure.alignleft,
  img.alignleft {
    float: left;
    margin-right: 2rem;
    margin-top: 10px;
  }
}
input,
label,
select,
textarea {
  display: block;
}

[type=color],
[type=date],
[type=datetime],
[type=datetime-local],
[type=email],
[type=month],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
input:not([type]),
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid color-mix(in srgb, #1c0301, white 35%);
  transition: border-color 150ms ease;
  width: 100%;
  font-size: 1.0666666667rem;
  background-color: transparent;
  border-radius: 0.55rem;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.26);
}
[type=color]:focus,
[type=date]:focus,
[type=datetime]:focus,
[type=datetime-local]:focus,
[type=email]:focus,
[type=month]:focus,
[type=number]:focus,
[type=password]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=text]:focus,
[type=time]:focus,
[type=url]:focus,
[type=week]:focus,
input:not([type]):focus,
textarea:focus {
  outline: 1.5px solid color-mix(in srgb, #2365c0, white 30%);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4);
}
[type=color]:disabled,
[type=date]:disabled,
[type=datetime]:disabled,
[type=datetime-local]:disabled,
[type=email]:disabled,
[type=month]:disabled,
[type=number]:disabled,
[type=password]:disabled,
[type=search]:disabled,
[type=tel]:disabled,
[type=text]:disabled,
[type=time]:disabled,
[type=url]:disabled,
[type=week]:disabled,
input:not([type]):disabled,
textarea:disabled {
  cursor: not-allowed;
  box-shadow: none;
}
@media (hover: hover) {
  [type=color]:disabled:hover,
  [type=date]:disabled:hover,
  [type=datetime]:disabled:hover,
  [type=datetime-local]:disabled:hover,
  [type=email]:disabled:hover,
  [type=month]:disabled:hover,
  [type=number]:disabled:hover,
  [type=password]:disabled:hover,
  [type=search]:disabled:hover,
  [type=tel]:disabled:hover,
  [type=text]:disabled:hover,
  [type=time]:disabled:hover,
  [type=url]:disabled:hover,
  [type=week]:disabled:hover,
  input:not([type]):disabled:hover,
  textarea:disabled:hover {
    border-color: #ba221d;
  }
}
[type=color]::-moz-placeholder, [type=date]::-moz-placeholder, [type=datetime]::-moz-placeholder, [type=datetime-local]::-moz-placeholder, [type=email]::-moz-placeholder, [type=month]::-moz-placeholder, [type=number]::-moz-placeholder, [type=password]::-moz-placeholder, [type=search]::-moz-placeholder, [type=tel]::-moz-placeholder, [type=text]::-moz-placeholder, [type=time]::-moz-placeholder, [type=url]::-moz-placeholder, [type=week]::-moz-placeholder, input:not([type])::-moz-placeholder, textarea::-moz-placeholder {
  color: color-mix(in srgb, #1c0301, white 20%);
  opacity: 0.75;
}
[type=color]::placeholder,
[type=date]::placeholder,
[type=datetime]::placeholder,
[type=datetime-local]::placeholder,
[type=email]::placeholder,
[type=month]::placeholder,
[type=number]::placeholder,
[type=password]::placeholder,
[type=search]::placeholder,
[type=tel]::placeholder,
[type=text]::placeholder,
[type=time]::placeholder,
[type=url]::placeholder,
[type=week]::placeholder,
input:not([type])::placeholder,
textarea::placeholder {
  color: color-mix(in srgb, #1c0301, white 20%);
  opacity: 0.75;
}

[type=search] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}

textarea {
  resize: vertical;
}

[type=checkbox],
[type=radio] {
  display: inline;
  margin: 0;
}

[type=checkbox]:focus,
[type=radio]:focus,
[type=file]:focus,
select:focus {
  outline: 2.5px solid color-mix(in srgb, #2365c0, white 30%);
  outline-offset: 2.5px;
}

button,
[type=button],
[type=reset],
[type=submit],
.btn {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  display: inline-block;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  transition: background-color 150ms ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  border: 0;
  border-radius: 0.55rem;
  font-size: 0.9561752988rem;
  padding: 15px 20px;
}
button:disabled,
[type=button]:disabled,
[type=reset]:disabled,
[type=submit]:disabled,
.btn:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

button,
[type=button],
[type=reset],
[type=submit],
.btn {
  background-color: #2365c0;
  color: #fff;
  transition: background-color 150ms ease;
}
@media (hover: hover) {
  button:hover,
  [type=button]:hover,
  [type=reset]:hover,
  [type=submit]:hover,
  .btn:hover {
    background-color: #af0c22;
    color: color-mix(in srgb, #1c0301, white 80%);
  }
}

table {
  width: 95%;
  margin: 2rem auto;
  background-color: transparent;
}
table caption {
  font-size: 1.2rem;
  caption-side: top;
  text-align: left;
  padding-bottom: 10px;
  font-weight: bold;
}
table th,
table td {
  padding: 0.7rem;
  vertical-align: top;
  border-top: 1px solid color-mix(in srgb, #1c0301, white 35%);
  font-size: 1.0666666667rem;
  line-height: 1.5;
  color: #1c0301;
  text-align: left;
}
table th {
  font-weight: bold;
}
table thead th {
  vertical-align: bottom;
}

tbody tr td,
tbody tr th {
  transition: background-color ease 150ms;
}

@media (hover: hover) {
  tbody tr:hover td,
  tbody tr:hover th {
    background-color: color-mix(in srgb, color-mix(in srgb, #1c0301, white 80%), white 75%);
  }
}
.table-condensed th,
.table-condensed td {
  padding: 0.2rem 0.25rem;
}

.table-bordered {
  border: 1px solid color-mix(in srgb, #1c0301, white 35%);
  border-left: 0;
  border-collapse: separate;
}
.table-bordered th,
.table-bordered td {
  border-left: 1px solid color-mix(in srgb, #1c0301, white 35%);
}
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
  border-top: 0;
}

.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
  background-color: color-mix(in srgb, color-mix(in srgb, #1c0301, white 80%), white 75%);
}

body {
  color: color-mix(in srgb, #1c0301, white 20%);
  font-family: "Raleway", sans-serif;
  font-feature-settings: "kern", "liga", "pnum";
  font-size: 1.2rem;
  line-height: 1.6;
  text-rendering: optimizeLegibility;
}

a {
  color: color-mix(in srgb, #2365c0, white 30%);
  text-decoration: none;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  transition: color 150ms ease;
}
@media (hover: hover) and (pointer: fine) {
  a:hover {
    color: #af0c22;
  }
}

.wrapper {
  padding: 2rem 5%;
}

@media only screen and (min-width: 700px) {
  h1,
  h2,
  h3,
  h4 {
    text-wrap: balance;
  }
}
@media only screen and (min-width: 900px) {
  .wrapper {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
  }
}
.breadcrumb-box {
  margin-bottom: 2rem;
}
.breadcrumb-box p {
  font-size: 0.9561752988rem;
}

.pagination {
  margin: 1rem auto 2rem auto;
  width: 95%;
  text-align: center;
}
.pagination ul li {
  display: inline;
  font-family: "antonio", sans-serif;
  font-size: 0.796812749rem;
  font-weight: bold;
}
.pagination ul li:first-child a, .pagination ul li:first-child span, .pagination ul li:last-child a, .pagination ul li:last-child span {
  background: color-mix(in srgb, #1c0301, white 80%);
  border-radius: 0.55rem;
}
.pagination ul li a,
.pagination ul li span {
  padding: 0.2rem 0.6rem;
  background: color-mix(in srgb, #1c0301, white 80%);
  border-radius: 0.55rem;
}

.prev-next {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  list-style: none;
}

.prev-link,
.next-link {
  font-size: 0.9561752988rem;
  background: color-mix(in srgb, #1c0301, white 80%);
  border-radius: 0.55rem;
  padding: 0.3rem 0.5rem;
}

.social {
  margin-bottom: 2rem;
  margin-top: 1rem;
}
.social a {
  font-size: 0.9561752988rem;
}
.social span {
  margin-right: 1%;
}
.social span:before {
  font-family: "" !important;
}
.social svg {
  width: 1.2rem;
  height: 1.2rem;
  fill: color-mix(in srgb, #2365c0, white 30%);
}

@media (hover: hover) {
  svg:hover {
    fill: #af0c22;
  }
}
.header h1 {
  font-size: 1.8rem;
  text-align: center;
}

.start {
  text-align: center;
}
.start p {
  font-size: 1.3608rem;
  margin-bottom: 2rem;
}
.start h2 {
  font-size: 1.6rem;
}
.start .features {
  margin: 20px 0 30px;
}
.start .features p {
  font-size: 1.2rem;
  margin-bottom: 10px;
}
.start hr {
  margin: 2rem 0.5rem;
}

.footer-links {
  margin-bottom: 1rem;
}

@media only screen and (min-width: 700px) {
  .header h1 {
    font-size: 2rem;
  }
  .start h2 {
    font-size: 1.7rem;
  }
}
@media only screen and (min-width: 900px) {
  .header h1 {
    font-size: 2.5rem;
  }
  .start h2 {
    font-size: 2rem;
  }
}
body.inverted {
  background-color: #1c0301;
  color: #fff;
}

.inverted h1,
.inverted h2,
.inverted h3,
.inverted h4,
.inverted h5,
.inverted h6 {
  color: #fff;
}
.inverted hr {
  border-bottom: 1px solid #fff;
}
.inverted mark,
.inverted ins {
  color: #1c0301;
}
.inverted [type=color],
.inverted [type=date],
.inverted [type=datetime],
.inverted [type=datetime-local],
.inverted [type=email],
.inverted [type=month],
.inverted [type=number],
.inverted [type=password],
.inverted [type=search],
.inverted [type=tel],
.inverted [type=text],
.inverted [type=time],
.inverted [type=url],
.inverted [type=week],
.inverted input:not([type]),
.inverted textarea {
  border: 1px solid color-mix(in srgb, #1c0301, white 95%);
  box-shadow: inset 0 1px 2px rgba(159, 159, 159, 0.26);
  background-color: rgba(47.813, 47.813, 47.813, 0.3);
  color: color-mix(in srgb, #1c0301, white 95%);
}
.inverted [type=color]::-moz-placeholder, .inverted [type=date]::-moz-placeholder, .inverted [type=datetime]::-moz-placeholder, .inverted [type=datetime-local]::-moz-placeholder, .inverted [type=email]::-moz-placeholder, .inverted [type=month]::-moz-placeholder, .inverted [type=number]::-moz-placeholder, .inverted [type=password]::-moz-placeholder, .inverted [type=search]::-moz-placeholder, .inverted [type=tel]::-moz-placeholder, .inverted [type=text]::-moz-placeholder, .inverted [type=time]::-moz-placeholder, .inverted [type=url]::-moz-placeholder, .inverted [type=week]::-moz-placeholder, .inverted input:not([type])::-moz-placeholder, .inverted textarea::-moz-placeholder {
  color: color-mix(in srgb, #1c0301, white 60%);
}
.inverted [type=color]::placeholder,
.inverted [type=date]::placeholder,
.inverted [type=datetime]::placeholder,
.inverted [type=datetime-local]::placeholder,
.inverted [type=email]::placeholder,
.inverted [type=month]::placeholder,
.inverted [type=number]::placeholder,
.inverted [type=password]::placeholder,
.inverted [type=search]::placeholder,
.inverted [type=tel]::placeholder,
.inverted [type=text]::placeholder,
.inverted [type=time]::placeholder,
.inverted [type=url]::placeholder,
.inverted [type=week]::placeholder,
.inverted input:not([type])::placeholder,
.inverted textarea::placeholder {
  color: color-mix(in srgb, #1c0301, white 60%);
}
.inverted [type=file],
.inverted select {
  background: transparent;
  color: color-mix(in srgb, #1c0301, white 95%);
}
.inverted table th,
.inverted table td {
  border-top: 1px solid color-mix(in srgb, #1c0301, white 95%);
  color: color-mix(in srgb, #1c0301, white 95%);
}
@media (hover: hover) {
  .inverted table tbody tr:hover td,
  .inverted table tbody tr:hover th {
    background-color: color-mix(in srgb, #1c0301, white 60%);
  }
}
.inverted .table-bordered {
  border: 1px solid color-mix(in srgb, #1c0301, white 95%);
}
.inverted .table-bordered th,
.inverted .table-bordered td {
  border-left: 1px solid color-mix(in srgb, #1c0301, white 95%);
}
.inverted .table-striped tbody tr:nth-child(odd) td,
.inverted .table-striped tbody tr:nth-child(odd) th {
  background-color: color-mix(in srgb, #1c0301, white 60%);
}
.inverted figcaption {
  color: color-mix(in srgb, #1c0301, white 95%);
}
.inverted .img-framed {
  background-color: color-mix(in srgb, #1c0301, white 95%);
  border: 1px solid color-mix(in srgb, #1c0301, white 60%);
  box-shadow: 2px 2px 2px color-mix(in srgb, #1c0301, white 60%);
}
.inverted .pagination {
  color: color-mix(in srgb, #1c0301, white 20%);
}

.normal {
  font-size: 1.2rem;
}

.lead {
  font-size: 1.3608rem;
}

.secondary {
  font-size: 1.0666666667rem;
}

.third {
  font-size: 0.9561752988rem;
}

.center {
  text-align: center;
}

.centered {
  margin-left: auto;
  margin-right: auto;
}

@media print {
  *,
  *:before,
  *:after,
  *:first-letter,
  *:first-line {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: none;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border-left: 3px solid #999;
    padding-left: 20px;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}