:root,
body,
.wrapper {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0;
  background-color: hsl(180, 100%, 5%);
  background-image: radial-gradient(
    farthest-corner at 0px 0px,
    #022e1e 0%,
    #02271f 10%,
    #000f0e 100%
  );
}

.card {
  width: 4em;
  height: 4em;
  background-color: rgb(12, 11, 11);
  border-radius: 15px;
  border: none;
  box-shadow: rgb(0, 167, 145) 0px 0px 10px;
}

.grower {
  transition: height 0.5s ease-in-out, width 0.5s ease-in-out;
}

.grower:hover {
  height: 8em;
  width: 8em;
}

.flex {
  display: flex;
}

.origin {
  justify-content: center;
  align-items: center;
}