@font-face {
  font-family: LibreBaskerville;
  src: url("../fonts/LibreBaskerville-Bold.ttf");
}
@font-face {
  font-family: Zoheir;
  src: url("../fonts/BMitraBd.ttf");
}
body {
  font-family: LibreBaskerville;
}

.bg {
  background-color: rgba(0, 0, 0, 0.568627451);
}

.guts-2 {
  background-image: url("../images/guts.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
  height: 100vh;
}

.guts {
  background-image: url("../images/guts2.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
  height: 100vh;
}

.BMitraBd {
  font-family: Zoheir;
}

.LibreBaskerville {
  font-family: LibreBaskerville;
}

.modal-content {
  background-color: #000000;
}
.modal-content .close {
  border: none;
  background-color: rgb(0, 0, 0);
  transition: 0.2s;
}
.modal-content .close:hover {
  transition: 0.2s;
  transform: scale(1.8);
}
.modal-content .close .bi-x-lg {
  font-size: 20px;
  color: red;
}

.btn-modal {
  border: 1px solid #21a506;
  color: #21a506;
  background-color: black;
  border-radius: 6px;
  transition: 0.4s;
  padding: 5px;
}
.btn-modal:hover {
  transition: 0.4s;
  transform: scale(1.2);
  color: #000000;
  background-color: #21a506;
}

.btn-2 {
  border: 1px solid #bd0d00;
  color: #bd0d00;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 6px;
  transition: 0.4s;
  padding: 5px;
}
.btn-2:hover {
  transition: 0.4s;
  transform: scale(1.2);
  color: #ffffff;
  background-color: #bd0d00;
}

.btn-3 {
  border: 1px solid #a0a0a0;
  color: #a0a0a0;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 6px;
  transition: 0.4s;
  padding: 5px;
}
.btn-3:hover {
  transition: 0.4s;
  transform: scale(1.2);
  color: #000000;
  background-color: #a0a0a0;
}

.nav-link {
  color: #bd0d00;
  transition: 0.4s;
}
.nav-link:hover {
  transition: 0.4s;
  color: #790800;
}

.input {
  border: 1px solid black;
  outline: none;
  border-radius: 5px;
  transition: 0.2s;
}
.input:hover {
  transition: 0.2s;
  transform: scale(1.01);
}

#del {
  display: none;
}

.wrong {
  border: 1px solid rgb(255, 0, 0);
}

.good {
  border: 1px solid rgb(0, 255, 0);
}

.vh {
  height: 90vh;
}

.brand {
  height: 3.2rem;
  filter: invert(18%) sepia(90%) saturate(5603%) hue-rotate(356deg) brightness(98%) contrast(115%);
}

.brand2 {
  height: 3.2rem;
  filter: invert(100%);
}

.menu {
  background-color: rgba(207, 0, 0, 0.1921568627);
  z-index: 3;
  transition: 0.4s;
}

.menu2 {
  background-color: rgba(0, 0, 0, 0.6352941176);
  z-index: 3;
  transition: 0.4s;
}

.color2 {
  border: none;
  background-color: rgba(0, 0, 0, 0);
  font-size: 25px;
  display: none;
  color: #ffffff;
}

.color {
  border: none;
  background-color: rgba(0, 0, 0, 0);
  font-size: 25px;
  display: none;
  color: #ff0000;
}

.dropdown-item {
  cursor: pointer;
  transition: 0.4s;
}

@media only screen and (max-width: 990px) {
  .vh {
    height: 65vh;
  }
  .list {
    display: block;
  }
}
#arrow2 {
  display: none;
}

#moon {
  display: none;
}

#menu {
  display: none;
}

.bi-moon-stars,
.bi-sun {
  cursor: pointer;
  transition: 0.4s;
}

.hover {
  color: #ffffff;
  transition: 0.4s;
}
.hover:hover {
  transition: 0.4s;
  color: #a0a0a0;
}

.hover2 {
  color: #bd0d00;
  transition: 0.4s;
}
.hover2:hover {
  transition: 0.4s;
  color: #790800;
}

.font {
  font-size: 0.8rem;
}

.item {
  cursor: pointer;
  transition: 0.3s;
  color: #000000;
}
.item:hover {
  color: #bd0d00;
  background-color: #110404;
  transition: 0.3s;
}

.item2 {
  cursor: pointer;
  transition: 0.3s;
  color: #ffffff;
}
.item2:hover {
  color: #000000;
  background-color: #818181;
  transition: 0.3s;
}

.eye {
  cursor: pointer;
  position: absolute;
  margin-top: 1.6rem;
  right: 2rem;
  z-index: 3;
  color: #000000;
}

.eye-2 {
  cursor: pointer;
  position: absolute;
  margin-top: 1.6rem;
  right: 3.5rem;
  z-index: 3;
  color: #000000;
}

.card {
  background-color: rgba(0, 0, 0, 0.7333333333);
  border-radius: 14px;
}

.acc {
  color: #bd0d00;
  transition: 0.4s;
}
.acc:hover {
  transition: 0.4s;
  color: #790800;
}

.acc2 {
  color: #a0a0a0;
  transition: 0.4s;
}
.acc2:hover {
  transition: 0.4s;
  color: #7a7a7a;
}

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