@media (min-width: 300px) {
  #test {
    color: #ffe1b4;
    padding: 21px;
    margin-top: 27px;
    max-width: 672px;
    padding-top: 0px;
    padding-left: 20px;
  }
}

@media (min-width: 768px) {
  #test {
    color: #ffe1b4;
    padding: 21px;
    margin-top: 27px;
    max-width: 672px;
    padding-top: 0px;
    padding-left: 87px;
  }
}

@media (min-width: 300px) {
  h1 {
    color: #ffe1b4;
    font-family: 'Luxia Display';
    width: 100%;
  }
}

@media (min-width: 768px) {
  h1 {
    text-align: left;
    color: #ffe1b4;
    font-family: 'Luxia Display';
    width: 100%;
  }
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  color: rgb(255,191,90);
}

.navbar-light .navbar-nav .nav-link {
  color: rgb(255,225,180);
}

.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show > .nav-link {
  color: rgb(255,255,255);
}

a {
  color: var(--bs-link-color);
  text-decoration: none;
}