body {
  color: #121212;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: normal;
}

.info {
  background-color: #121212;
}

.info h1,
.info h2 {
  color: white;
}

.language .customSelectInner {
  background-image: url(../../img/caret-down-line-neutral.png);
}

a, header .language {
  color: #008300;
}

.main a:not(.button) {
  text-decoration: underline;
}

.highlight {
  color: rgb(0, 226, 0);
}

h1, h2, h3, h4, h5, h6 {
  color: #121212;
}

.banner,
.question .answered {
  border-color: rgb(0, 226, 0);
}

.progress-bar > span {
  background-color: rgb(0, 226, 0);
  color: #121212;
}

input[type="submit"],
input[type="button"],
button,
.button {
  background-color: rgb(0, 226, 0);
  background: linear-gradient(270deg,#00e200,#87ff64);
  border-radius: 18px;
  box-shadow: none;
  color: #121212;
  text-shadow: none;
  font-size: 1rem;
  padding: 0.375rem 1.25rem;
}

input[type="submit"]:hover,
input[type="button"]:hover,
button:hover,
.button:hover {
  color: #121212;
  transform: scale(1.1);
}

input.reset-question {
  font-size: 0.875rem;
  padding-top: 0;
  padding-bottom: 0;
}

input:focus,
textarea:focus,
[contenteditable]:focus,
select[size]:focus {
  border-color: rgb(0, 226, 0);
}

table.styled thead th {
  background-color: #121212;
}

table.styled tr:nth-child(even),
table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd {
  background-color: rgb(245, 245, 239);
}

table.dataTable thead .sorting_asc::before,
table.dataTable thead .sorting_desc::before {
  color: rgb(0, 226, 0);
}