@font-face {
  font-family: evilFont;
  src: url("/fonts/DK Face Your Fears.ttf");
}

body {
  padding-top: 4.5rem;
  background-color: #333333;
  color: #FFCC00;
  font-size: 18px;
  text-shadow: 2px 2px 2px #000 !important;
  font-family: "evilFont";
}

a {
  color: #888888;
}

a:hover,
a:active,
a:visited {
  color: #666666;
}

.black-trans-bg {
  background: rgba(15, 7, 13, 0.65);
}

.tiled-bg {
  background-image: url(/static-images/template/red-floor-background.png);
  background-repeat: repeat;
  background-color: #96a7ac;
}

.wall-bg {
  background-image: url(/static-images/template/dungeon-header.png);
  background-repeat: repeat-x;
}

.fighter-background {
  background-image: url(/static-images/template/gray-floor-background.png);
  background-repeat: repeat;
}

.tdl-gray-bg {
  background-color: #666666;
}

.tdl-light-gray-bg {
  background-color: #888888;
}

.tdl-dark-gray-bg {
  background-color: #343a40;
}

.tdl-text {
  color: #CCCCCC !important;
}

.tdl-alt-text {
  color: orange !important;
}

.tdl-red-text {
  color: #990000 !important;
}

.tdl-page-title div {
  background-image: url(/static-images/title_bg.png);
  background-repeat: repeat-x;
  display: inline-block;
  position: relative;
  top: -28px;
  height: 81px;
}

.tdl-page-title div span {
  position: relative;
  top: 17px;
  color: #990000;
  text-shadow: none;
}

.tdl-page-title::before {
  content: url(/static-images/left_post.png);
  vertical-align: middle;
}

.tdl-page-title::after {
  content: url(/static-images/right_post.png);
  vertical-align: middle;
}

.tdl-page-title {
  color: #FFCC00;
}

.tdl-sub-title {
  color: #990000;
}

.date-time {
  color: #ffffff;
  text-shadow: 0 none;
}

.tdl-heading-list {
  margin-top: 25px;
  -webkit-padding-start: 0;
          padding-inline-start: 0;
}

.tdl-shadow {
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.41);
}

a,
a:visited,
.navbar-dark .navbar-nav .nav-link,
.navbar-dark .navbar-nav .nav-link:visited,
.dropdown-item,
.dropdown-item:visited {
  text-decoration: none;
  color: orange;
}

a:hover,
a:focus,
a:active,
.navbar-dark .navbar-nav .nav-link:hover,
.dropdown-item:focus,
.dropdown-item:hover,
.dropdown-item:active,
.navbar-dark .navbar-nav .show > .nav-link {
  text-decoration: none;
  transition: 0.4s all ease-in-out;
  color: #FFCC00;
  background-color: transparent;
}

.dropdown-menu {
  background-color: #313233;
  background-clip: padding-box;
  border-radius: 0.25rem;
  font-size: 24px;
}

.navbar {
  background-color: #313233;
}

.navbar-nav {
  font-size: 24px;
}

.navbar:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 8px;
  background: linear-gradient(180deg, rgba(9, 30, 66, 0.13) 0, rgba(9, 30, 66, 0.13) 1px, rgba(9, 30, 66, 0.08) 1px, rgba(9, 30, 66, 0) 4px);
}

.privacy-page-buffer {
  padding-top: 125px;
}

.bottom-buffer-25 {
  margin-bottom: 25px;
}

.pagination {
  justify-content: center;
}

.pagination .page-item .page-link {
  color: #FFCC00;
  background-color: #666666;
  border-color: #666666;
}

.pagination .page-item.disabled .page-link {
  color: #888888;
  background-color: #343a40;
  border-color: #343a40;
}

.pagination .page-item.active .page-link {
  color: #FFCC00;
  background-color: #343a40;
  border-color: #343a40;
}

@media screen and (max-width: 500px) {
  li.page-item {
    display: none;
  }

  .page-item:first-child,
  .page-item:nth-child(2),
  .page-item:nth-last-child(2),
  .page-item:last-child,
  .page-item.active,
  .page-item.disabled {
    display: block;
  }
}