/* SCSS HEX */
/* SCSS HSL */
/* SCSS Gradient */
.bg-cobalt-blue {
  background-color: #1446a0;
}

.bg-razzmatazz {
  background-color: #db3069;
}

.bg-naples-yellow {
  background-color: #f5d547;
}

.bg-beige {
  background-color: #ebebd3;
}

.bg-onix {
  background-color: #3c3c3b;
}

.bg-white {
  background-color: #fff;
}

.bg-black {
  background-color: #000;
}

.fg-white {
  color: #fff;
}

.fg-black {
  color: #000;
}

.fg-cobalt-blue {
  color: #1446a0;
}

.fg-razzmatazz {
  color: #db3069;
}

.fg-naples-yellow {
  color: #f5d547;
}

.fg-beige {
  color: #ebebd3;
}

.fg-onix {
  color: #3c3c3b;
}

main a {
  color: #1446a0 !important;
}

main a:hover {
  color: #db3069 !important;
}

main.page-index {
  display: flex;
  flex-wrap: wrap;
}

main.page-index .about, main.page-index .answer {
  width: 100%;
  height: auto;
  max-height: 100vh;
}

@container (width>800px) {
  main.page-index .about {
    width: 50%;
  }
  main.page-index .answer {
    width: 50%;
  }
}
main.page-index a, main.page-index a:visited {
  color: #f5d547 !important;
  font-weight: bold;
}

main.page-index a:hover {
  color: white !important;
}

main.page-index .answer a, main.page-index .answer a:visited {
  color: #1446a0 !important;
  font-weight: bold;
}

main.page-index .answer a:hover {
  color: white !important;
}

.acessar-uuxetoh-online {
  text-align: center;
  line-height: 3em;
}

.accesscode-intput {
  max-width: 200px;
  margin: 0 auto;
  font-size: 3em;
  text-align: center;
  border-radius: 0.25em;
}

/*# sourceMappingURL=index.css.map */