@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

body {
  min-height: 100%;
  /* background: linear-gradient(0deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(../images/background.jpg); */
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.80), rgba(0, 0, 0, 0.80)), url(../images/background.png);
  background-size: cover;
  color: rgb(255, 255, 255);
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
}

.main-form {
  max-width: 800px;
  margin: auto;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: rgb(38 38 38);
  --bs-btn-border-color: rgb(38 38 38);
  --bs-btn-hover-color: #c3c3c3;
  --bs-btn-hover-bg: rgb(17 17 17);
  --bs-btn-hover-border-color: rgb(17 17 17);
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(22 22 22);
  --bs-btn-active-border-color: rgb(22 22 22);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: rgb(98 98 98);
  --bs-btn-disabled-border-color: rgb(98 98 98);
}

.alert-success {
  --bs-alert-color: #ffffff;
  --bs-alert-bg: rgb(0 80 44);
  --bs-alert-border-color: rgb(0 80 44);
  --bs-alert-link-color: rgb(0 80 44);
}

.alert-danger {
  --bs-alert-color: rgb(255 255 255);
  --bs-alert-bg: rgb(116 0 11);
  --bs-alert-border-color: rgb(116 0 11);
  --bs-alert-link-color: rgb(116 0 11);
}

h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 {
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-style: normal;
}