span.owner,
h1,
h1,
h3,
h4,
h5 {
  font-family: var(--main-font);
  max-width: 100%;
  font-weight: bolder;
}

span.owner {
  font-size: 2.9em;
  color: var(--color-contrast);
  font-weight: 900;
}

body[data-theme="rantool-original"] span.owner {
  color: var(--color-004);
}

body[data-theme="rantool-original"] h1 {
  color: var(--color-001);
}

body[data-theme="rantool-original"] section:not(.funcoes) h2, body[data-theme="rantool-original"] article:not(.funcao) h2, body[data-theme="rantool-original"] main > h2, body[data-theme="rantool-original"] div>h2{
  color: var(--color-004);
}

body[data-theme="rantool-original"] h3 {
  color: var(--color-001);
}

main h1, span.h1 {
  color: var(--color-contrast);
  font-size: 2.5em;
  margin: 10px 0;
  font-weight: bolder;
}

.header__nav__all span.owner {
  color: var(--color-005);
}

main h2, span.h2{
  color: var(--color-contrast);
  font-size: 2.3em;
  font-weight: bolder;
  color: var(--color-contrast);
}

section#mais-detalhes {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

section#mais-detalhes ul, ol {
  list-style-position: inside;
}

section#mais-detalhes li {
  margin-left: 10px;
}

section#mais-detalhes h2 {
  font-family: var(--main-font);
}

section#mais-detalhes h3, span.h3{
  font-size: 2.1em;
}

section#mais-detalhes h4, span.h4{
  font-size: 1.5em;
}

section#mais-detalhes h5, span.h5{
  font-size: 1.1em;
}

section#mais-detalhes h6, span.h6{
  font-size: 0.7em;
}

section#mais-detalhes {
  font-family: var(--sub-font);
  background-color: var(--color-006);
  padding: 50px;
  margin-bottom: 20px;
  margin-top: 100px;
  border-radius: var(--border-radius-padrao);
  box-shadow: var(--shawdow-standart);
  border: 1px solid var(--color-007);
  color: var(--color-005);
}

section#mais-detalhes h2 {
  text-align: center;
  font-size: clamp(2em, 7vw, 5em);
  color: var(--color-005);
  background-color: var(--color-001);
  margin: -50px -50px 20px -50px;
  padding: 20px;
  border-radius: var(--border-radius-padrao) var(--border-radius-padrao) 0 0;
}

.table table {
  border-collapse: collapse;
}

.table table th, .table:not(:has(.resultado__matrix)) table td {
  padding: 20px;
  border: 1px solid var(--color-005);
  text-align: center;
}

section#mais-detalhes table.left-align th, section#mais-detalhes:not(:has(.resultado__matrix)) table.left-align td {
  text-align: left;
}

body[data-theme="rantool-original"] section#mais-detalhes table th, section#mais-detalhes:not(:has(.resultado__matrix)) table td {
  border-color: var(--color-007);
}

.table{
  width: 100%;
  overflow-x: auto;
}


.table table {
  width: 100%;
}

.table table th {
  background-color: var(--color-005);
  color: var(--color-002);
}

body[data-theme="rantool-original"] .table table th {
  background-color: var(--color-001);
  color: var(--color-002);
}

@media screen and (max-width: 600px){
    main h1 {
      font-size: 1.5em;
    }
}