body, html {
  overflow: hidden;
  background-color: #364765;
}

.background-image {
  background-image: url('../assets/images/bg-effect.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}

.card {
  background-color: #f8f9fa;
}

.card-body a {
  color: #007bff;
}

#lottie-animation {
  max-width: 300px;
  width: 100%;
}

.btn-primary {
  background-color: #364765;
  border-color: #243044;
}

.btn-primary:hover {
  background-color: #243044;
}

.btn-secondary {
  background-color: #b99b91;
  border-color: #977f77;
}

.btn-secondary:hover {
  background-color: #977f77;
}

.fade-in {
  animation: fadeInAnimation ease 2s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

@keyframes fadeInAnimation {
  0% { opacity: 0; }
  100% { opacity: 1; }
}