body {
  background-color: #EBEFF3;
  padding-top: 70px;
}

.bg-nav {
  background-color: #172736;
}

.btn-menu {
  height: 45px;
  --bs-btn-color: #172736;
  --bs-btn-border-color: #172736;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #172736;
  --bs-btn-hover-border-color: #172736;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #68676C;
  --bs-btn-active-border-color: #68676C;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #68676C;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #68676C;
  --bs-gradient: none;
  --bs-border-width: 2px;
}

.btn-answer {
  height: 90px;
  --bs-btn-color: #172736;
  --bs-btn-border-color: #172736;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #172736;
  --bs-btn-hover-border-color: #172736;
  --bs-btn-focus-shadow-rgb: 25, 135, 84;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #00C573;
  --bs-btn-active-border-color: #00C573;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #00C573;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #00C573;
  --bs-gradient: none;
  --bs-border-width: 2px;
}

.selected {
  height: 90px;
  --bs-btn-color: #fff;
  --bs-btn-bg: #00C573;
  --bs-btn-border-color: #00C573;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #00C573;
  --bs-btn-hover-border-color: #00C573;
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #00C573;
  --bs-btn-active-border-color: #00C573;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #00C573;
  --bs-btn-disabled-border-color: #00C573;
  --bs-border-width: 2px;
}