.notes-list {
  grid-gap: 1rem;
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
.note {
  background-color: #fef68a;
  border-radius: 10px;
  flex-direction: column;
  margin-bottom: 10px;
  min-height: 170px;
  padding: 1rem;
  white-space: pre-wrap;
}
.note span {
  font-family: cursive;
}
.note,
.note-footer {
  display: flex;
  justify-content: space-between;
}
.note-footer {
  align-items: center;
}
i {
  cursor: pointer;
}
.note.new,
textarea {
  background-color: #67d7cc;
}
textarea {
  border: none;
  resize: none;
}
textarea:focus {
  outline: none;
}
.save {
  background-color: #e1e1e1;
  border: none;
  border-radius: 15px;
  padding: 5px 10px;
}
.save:hover {
  background-color: #ededed;
  cursor: pointer;
}
.search {
  align-items: center;
  border-radius: 10px;
  display: flex;
  margin-bottom: 1.5rem;
  padding: 5px 10px;
}
.search,
.search input {
  background-color: #e9e9e9;
}
.search input {
  border: none;
  width: 100%;
}
.search input:focus {
  outline: none;
}
/*# sourceMappingURL=main.a1018e08.css.map*/