.navbar {
  background-color: #00B0F0;
}

.bg-cyan {
  background-color: #00B0F0;
}

body {
  background-color: #171717;
}

.bg-j {
  background: linear-gradient(180deg, rgba(17, 17, 17, 0.0), rgba(17, 17, 17, 1.0)), url(../image/background.png);
}

.border {
  border: 3px solid #00B0F0 !important;
}

.border_top {
  border-top: 3px solid #00B0F0 !important;
  border-bottom: 3px solid #00B0F0 !important;
  border-right: none #00B0F0 !important;
  border-left: none !important;
}

._add_card-header {
  /*height: 100px;*/
}

._add_card {
  max-height: 500px;
  transition-duration: 0.3s;
}

._add_card:hover {
  cursor: pointer;
  transform: scale(1.05);
  transition-duration: 0.3s;
}

._add_card-img {
  object-fit: cover;
  max-height: 400px;
}

a:hover {
  text-decoration: none;
}

.invisible {
  transition: opacity 0.5s ease;
  opacity: 0.0;
}

.visible {
  transition: opacity 0.5s ease;
  opacity: 1.0;
}

@media screen and (max-width: 767px) {
  ._add_card {
    max-height: none;
    max-width: 300px;
    margin: auto;
  }
}