html {
  background: #dcdad7;
  color: #333;
}
body {
  margin: 1rem;
  padding: 0;
  font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Open Sans", "Helvetica Neue", "Icons16", sans-serif;
  font-size: 1.5rem;
}
h2 {
  margin-top: 0;
  margin-bottom: 1rem;
  text-decoration: 4px solid underline;
}
header {
  position: sticky;
  top: 0;
  width: calc(100% - 2rem);
  background: #dcdad7cc;
  padding: 1rem 0;
}
input {
  border-radius: 1rem;
  background: #dcdad7;
  color: #333;
  padding: 0.5rem 1rem;
  border: 2px solid #333;
  position: relative;
  bottom: 0.25rem;
  margin-left: 1ch;
}
input:active,
input:focus {
  outline: 2px solid #386f9e;
}
#domains,
#ideas {
  display: inline-block;
  vertical-align: top;
  width: fit-content;
}
#domains p,
#ideas p {
  margin: 0;
}
#domains p span,
#ideas p span {
  color: coral;
}
#domains p span:first-child,
#ideas p span:first-child {
  float: left;
}
#domains p.partial span,
#ideas p.partial span {
  color: #ca3318;
}
#domains p.hide,
#ideas p.hide {
  display: none;
}
#domains p a,
#ideas p a {
  color: #777;
  text-decoration: none;
  margin-left: 1ch;
}
#domains p a:hover,
#ideas p a:hover {
  text-decoration: underline;
}
#domains.show-all p,
#ideas.show-all p {
  display: block;
}
#domains.show-all p span,
#ideas.show-all p span {
  display: none;
}
#domains.no-results::after,
#ideas.no-results::after {
  content: "sorry, no results :(";
  color: #777;
}
#ideas {
  border-radius: 1rem;
  border: 2px solid #333;
  padding: 0rem 1rem 1rem 1rem;
}
#ideas.hide {
  display: none;
}
#ideas > span {
  color: #777;
  font-size: 1rem;
}
#ideas > span a:hover {
  text-decoration: underline;
  cursor: pointer;
}
/*# sourceMappingURL=styles.css.map */