html, body {
  background-color: #0d0d0d;
}
body,
#allrecords,
.t-records {
  background-color: #0d0d0d;
  color: #ffffff;
  font-family: var(--t-text-font, Oswald, Arial, sans-serif);
}
#allrecords a {
  color: #c6f432;
}
#allrecords .t-rec {
  background-color: transparent;
}
#allrecords .t-title,
#allrecords .t-heading,
#allrecords .t-name,
#allrecords .t-section__title {
  color: #ffffff;
}
#allrecords .t-descr,
#allrecords .t-text,
#allrecords .t-uptitle {
  color: #9a9a9a;
}
#allrecords .t-btn,
#allrecords .t-btnflex {
  border-radius: 8px;
}
#allrecords .t-btn:not(.t-submit),
#allrecords .t-btnflex:not(.t-submit) {
  transition: background-color .2s ease, color .2s ease, transform .2s ease;
}
#allrecords .t-btn:hover,
#allrecords .t-btnflex:hover {
  transform: translateY(-1px);
}
@media screen and (max-width: 640px) {
  #allrecords .t-container {
    width: calc(100% - 32px);
  }
}