.hero1 {
  background-image: url("images/bg1.webp");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}

.hero2 {
  background-image: url("images/bg-xalatath.webp");
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: left;
}

.hero3 {
  background-image: url("images/bg-dis.webp");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right;
}

.hero4 {
  background-image: url("images/bg2.webp");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.hero-404 {
  background-image: url("images/bg404.webp");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}

.hero-500 {
  background-image: url("images/bg500.webp");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}

iframe {
  margin: auto;
}
.text-shadow_dark {
  text-shadow: 1px 1px 1px black, 0 0 1px black, 0 1px 1px black,
    1px 0px 1px black;
}

.text-shadow_none {
  text-shadow: none;
}
.navbar {
  position: absolute;
  z-index: 2;
}

.tabs-lifted
  > .tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not(
    [disabled]
  ),
.tabs-lifted > .tab:is(input:checked) {
  background-color: rgb(120 25 0 / 0.15);
}

.tab-content {
  margin-top: 0px;
}

@font-face {
  font-family: "Popins";
  src: url("fonts/Poppins-Regular.ttf");
}

.class-paladin {
  color: #f58cba;
}

.class-warrior {
  color: #c79c6e;
}

.class-hunter {
  color: #abd473;
}

.class-rogue {
  color: #fff569;
}

.class-priest {
  color: #ffffff;
}

.class-deathknight {
  color: #c41f3b;
}

.class-shaman {
  color: #0070de;
}

.class-mage {
  color: #69ccf0;
}

.class-warlock {
  color: #9482c9;
}

.class-druid {
  color: #ff7d0a;
}