body {
  background-color: black;
  color: white;
}

h2, h3, h4, h5, h6 {
  text-decoration: underline;
}

.underlined {
  text-decoration: underline;
}

.rainbow-title {
  animation: rainbow 7s linear infinite;
}

@keyframes rainbow {
  0% { color: red; }
  14% { color: orange; }
  28% { color: yellow; }
  42% { color: green; }
  57% { color: blue; }
  71% { color: indigo; }
  85% { color: violet; }
  100% { color: red; }
}

.navbar-nav .nav-link {
  color: white;
  text-decoration: underline;
}

.navbar-nav .nav-link:hover {
  color: #ccc;
}

.navbar-toggler {
  border-color: rgba(255, 255, 255, 0.5);
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.8%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.col-12 {
  padding-left: 0;
  padding-right: 0;
}

.content-area {
  padding-left: 2rem;
  padding-right: 2rem;
  padding-bottom: 2rem;
}

.copies-section {
  margin-top: 20px;
}

.books-section {
  margin-top: 20px;
}

.api-result {
  background-color: #333;
  color: #0f0;
  padding: 10px;
  margin-top: 10px;
  display: none;
}

#logout-form {
  display: inline;
}

#logout-form button {
  padding: 0;
  margin: 0;
  border: 0;
}