.dark input {
  background-color: #1d1d1d !important;
  color: #d7d7d7 !important;
}

form input {
  height: 55px !important;
  padding: 10px 16px;
  font-size: 16px;
  width: 100%;
  border-radius: 100px;
  border: none;
  background-color: #f9f9ff;
  border: solid 1px transparent;
}
form input:focus {
  border: solid 1px var(--brand-color);
}
form .form-group {
  position: relative;
}
form .form-group button {
  position: absolute;
  left: 5px;
  top: 5px;
  width: 45px;
  height: 45px;
  background-color: var(--brand-color);
  color: var(--color-on-brand-main-color);
  outline: none;
  border: none;
  border-radius: 100px;
}

body {
  padding-top: 20px;
}

h1 {
  font-size: 20px;
}

.post-card {
  padding: 25px;
}
.post-card img {
  border-radius: 15px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border: solid #eee 1px;
}
.post-card .book-content h2 {
  font-size: 18px !important;
  margin-top: 15px;
  text-align: center;
}
.post-card .book-content p {
  text-align: center;
}/*# sourceMappingURL=index.css.map */