:root {
  --bs-primary: #810102;
  --bs-primary-hover: #810102;
  --bs-primary-rgb: rgb(129, 1, 2);
  --bs-heading-color: #810102;
  --bs-primary-hover: #640000;
  --greenweb-color: #48ff48;
}

.bg-body {
  background-image: url(/images/bodybackground.png) !important;
}

.bg-footer {
  background-color: #ce4848;
}

.logo-container {
  max-height: 30px;
}

.logo-img {
  max-height: 50px;
  aspect-ratio: 1 / 1;
}

.text-decoration-none {
  text-decoration: none;
}

.text-link {
  color: var(--greenweb-color);
}

.desktop-banner {
  width: 100%;
  height: 85dvh;
}

.about-image {
  width: 100%;
  height: 90dvh;
}

.text-justify {
  text-align: justify;
}

.btn-primary {
  background-color: var(--bs-primary-rgb) !important;
  border-color: var(--bs-primary-rgb) !important;
}

.btn-primary:hover {
  background-color: var(--bs-primary-hover) !important;
  border-color: var(--bs-primary-hover) !important;
}

.flex-center {
  justify-content: center;
  align-items: center;
}