/* Global syles */
body {
  background-color: #e4e5e7;
  font-family: 'Open Sans', sans-serif;
}

/* Landing page styles */
.img-background {
  background-image: url('./images/JungleBackground.jpg');
  background-size: cover;
  width: 100%;
  height: 600px;
  color: white;
}

.text-background {
  height: 600px;
  top: 60px;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 5px;
  padding-top: 60px;
}

.help-background {
  background-color: #eaecef;
  padding-bottom: 50px;
  padding-top: 50px;
}

.link {
  color: black;
}

/* Navbar  */
.navbar-custom {
  background-color: #1f2833;
}

.nav-link-custom {
  color: #45a28e;
}

.nav-link-accent {
  background-color: #ac4057;
  border-radius: 10px;
  color: white;
}

.nav-link:hover {
  color: white;
}

.nav-link-accent:hover {
  background-color: #8b3346;
}

.toggler-custom {
  background-color: #45a28e;
}

/* Footer */
.footer {
  display: inline-flex;
}

hr {
  margin-left: 5%;
  margin-right: 5%;
}

/* Custom Buttons */
.btn-accent-custom {
  background-color: #ac4057;
  color: white;
}

.btn-primary-custom {
  background-color: #378171;
  color: white;
}

.btn-primary-custom:hover {
  background-color: #394a5f;
  color: white;
}

.btn-accent-custom:hover {
  background-color: #8b3346;
  color: white;
}

.btn-check:checked + .btn-secondary {
  background-color: #378171;
  color: white;
}

/* /generate-message misc styles */
.response {
  background-color: white;
  min-height: 80%;
}

.question-container {
  display: inline-flex;
}