@import "bootstrap";

.navbar {
  background-image: linear-gradient(-90deg, #041730, rgb(4, 64, 99));
}
body {
  /* background-color: rgb(187, 245, 245); */
  background-image: linear-gradient(0deg, #041730, rgb(50, 178, 252));
}
.bannerContainer {
  height: 50vh;
  background-color: rgb(10, 27, 40);
  width: 100vw;
}
.bg-3 {
  border-width: 3px !important;
}
.bg-5 {
  border-width: 5px !important;
  border-color: rgb(146, 192, 192);
}

@media (max-width: 992px) {
  .card-columns {
    column-count: 2 !important;
  }
}

@media (max-width: 768px) {
  .card-columns {
    column-count: 1 !important;
  }
}

.bg {
  background-image: url("./digital-handshake.jpeg");
  width: 100vw;
  height: 50vh;
  background-position: center;
  background-size: cover;
  object-fit: contain;
  background-repeat: no-repeat;
}

/* .bg::before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: rgba(0,0,0,0.15);
} */