:root {
  --color-1: #EFEBE9;
  --color-2: #FCE4EC;
  --color-3: #FFFDE7;
  --color-4: #FFE0B2;
  --color-5: #E57373;
  --button-color: var(--color-5)
}

.bg-color-1 {
  background-color: var(--color-1);
}

.bg-color-2 {
  background-color: var(--color-2);
}

.bg-color-3 {
  background-color: var(--color-3);
}

.bg-color-4 {
  background-color: var(--color-4);
}

.bg-color-5 {
  background-color: var(--color-5);
}

.text-color-1 {
  color: var(--color-1);
}

.text-color-2 {
  color: var(--color-2);
}

.text-color-3 {
  color: var(--color-3);
}

.text-color-4 {
  color: var(--color-4);
}

.text-color-5 {
  color: var(--color-5);
}

.shadow-1 {
  -webkit-box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
  -moz-box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
  box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
}

.shadow-2 {
  -webkit-box-shadow: 0px 5px 5px -5px rgba(34, 60, 80, 0.6);
  -moz-box-shadow: 0px 5px 5px -5px rgba(34, 60, 80, 0.6);
  box-shadow: 0px 5px 5px -5px rgba(34, 60, 80, 0.6);
}

.box {
  min-height: 22rem;
}

.check-button {
  --bs-btn-color: var(--button-color);
  --bs-btn-border-color: var(--button-color);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--button-color);
  --bs-btn-hover-border-color: var(--button-color);
  --bs-btn-focus-shadow-rgb: 13,110,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--button-color);
  --bs-btn-active-border-color: var(--button-color);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--button-color);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--button-color);
  --bs-gradient: none;
}

.param-text {
  font-size: 1.2rem;
}

.big-icon {
  font-size: 1.8rem;
}