.card {
  display: flex;
  flex-direction: row;
  gap: 1em;
}
.card img {
  width: 10vw;
}
@media (max-width: 450px) {
  .card img {
    width: 30vw;
  }
}

.signin {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.signin form {
  display: flex;
  flex-direction: column;
  width: 50%;
}

.editing {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.editing .grouping {
  margin-top: 3rem;
}
.editing form {
  display: flex;
  flex-direction: column;
  width: 50%;
}

.grouping {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1em;
}
@media (max-width: 450px) {
  .grouping {
    grid-template-columns: 1fr;
  }
}

.searchbar {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 1em;
  margin-bottom: 1em;
}
.searchbar input {
  margin-bottom: 0;
}

.home button {
  padding: 0 1em;
}

nav img {
  width: 5vw;
}

/*# sourceMappingURL=custom.css.map */