/* Import Inter from Google Fonts */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");

body {
  margin: 0;
  padding: 0;
  line-height: 1.5;
  font-family: "Inter", sans-serif;
  background-color: rgb(38 38 38);
  color: rgb(243 244 246);
  /* background-color: #8ec5fc;
  background-image: linear-gradient(62deg, #8ec5fc 0%, #e0c3fc 100%); */
}

input {
  outline: none;
}

.autocomplete {
  padding: 0.5rem;
  /* background-color: rgb(38 38 38); */
  /* background: rgba(255, 255, 255, 0.1); */
}

.autocomplete:hover {
  border-radius: 0.5rem;
  padding: 0.5rem;
  background: rgba(255, 255, 255, 0.1);
  cursor: pointer;
}

button.bottom {
  font-size: 1rem;
  padding: 0.8rem;
  background: rgba(255, 255, 255, 0);
  color: rgb(243 244 246);
  cursor: pointer;
  border: 0;
  border-radius: 0.5rem;
}

button.bottom:hover {
  background: rgba(255, 255, 255, 0.1);
}

button.bottom-active {
  background: rgba(255, 255, 255, 0.1);
}

.hidden {
  display: none;
}