.task-lists {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: auto;
  max-width: 80%;

  .task-list-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 1rem;

    .task-list {
      width: 150px;
      height: 150px;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: .5rem;
      background-color: aliceblue;
      margin-bottom: .5rem;
      position: relative;

      .selection-icon {
        position: absolute;
        bottom: 0;
        right: 0;
        font-size: 3rem;
        width: 3rem;
        height: 3rem;
      }
    }
  }
}