p {
  font-size: calc(15px + (17 - 15) * ((100vw - 220px) / (1600 - 320)));
  letter-spacing: 0.01em;
}

.logo {
  max-width: calc(130px + (230 - 130) * ((100vw - 220px) / (1600 - 320)));
}

h1, h2, h3 {
  line-height: 1.3;
  font-family: 'Fuzzy Bubbles', serif;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #5d62d2;
  --bs-btn-border-color: #5d62d2;
  --bs-btn-hover-color: #281303;
  --bs-btn-hover-bg: #ffb7e0;
  --bs-btn-hover-border-color: #ffb7e0;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #281303;
  --bs-btn-active-bg: #ffb7e0;
  --bs-btn-active-border-color: #ffb7e0;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
  border-radius: 2px;
  transition: transform 0.3s ease, background-color 0.4s ease;
}

.btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  transform: scale(1.05);
}

@media (min-width:1200px) {
  .h2, h2 {
    font-size: 2.3rem;
  }
}

@media (min-width:1200px) {
  .h3, h3 {
    font-size: 2rem;
  }
}

ul li {
  margin-bottom: 5px;
}

.logo-footer {
  max-width: calc(120px + (200 - 120) * ((100vw - 220px) / (1600 - 320)));
}