/* you can add your own custom css here if you don't want to worry about SASS/SCSS */


.navbar {
  background: rgb(0,
      36,
      78);
  background: linear-gradient(180deg, rgba(0,
        36,
        78, 1) 0%, rgba(0,
        36,
        78, 1) 85.5%, rgba(220,
        207,
        195, 1) 85.5%, rgba(220,
        207,
        195, 1) 100%);
  padding: 0 !important;
  --bs-navbar-padding-y: 0.5rem;
  --bs-navbar-brand-padding-y: 0.3125rem;
}

.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #C5723A;
  --bs-btn-border-color: #C5723A;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #C5723A;
  --bs-btn-hover-border-color: #C5723A;
  --bs-btn-focus-shadow-rgb: 94, 62, 110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #C5723A;
  --bs-btn-active-border-color: #C5723A;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #C5723A;
  --bs-btn-disabled-border-color: #C5723A;
}