@import url('https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css');

html,
body {
  height: 100%;
}

body {
  display: flex;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #eeeeee;
  background-image: url('../images/rombo.webp'), url('../images/rombo2.webp');
  background-position: top left, bottom right;
  background-repeat: no-repeat;
}

.form-signin {
  max-width: 448px;
  background-image: url('../images/bg.webp');
  background-size: cover;
  border-radius: 0.5rem;
  padding: 20px;
}

.banner{
  background: radial-gradient(
  circle at 50% 0%,
  #1171ff 0%,
  #0a3d9a 40%,
  #001a4d 70%,
  #00061b 100%
);
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  padding: 40px;

}

.card {
  border-width: 0px !important;
}

.card-border-radius-top-0 {
  border-top-left-radius: 0% !important;
  border-top-right-radius: 0% !important;
}

.btn-primary {
  color: #fff;
  background-color: #7dbbf1;
  border-color: #7dbbf1;
}

.btn-primary:hover {
  background-color: #407ab6;
  border-color: #407ab6;
}
.btn-primary:active {
  background-color: #407ab6;
  border-color: #407ab6;
}