/* @media (max-width: 960px){
    *{
      box-sizing: border-box;
    }

    .day {
      height: 400px;
      margin-bottom: 30px;
    }

    .currentDay {
        border: none;
    }

    .toDo {
      height: 200px;
    }
} */

.container {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
  }

  .box {
    height: 150px;
    background: #8878f6;
    margin: 5px;
    padding: 5px;
    display: flex;
    flex-wrap: wrap;
  }

  .week {
    background: black;
    margin-bottom: 20px;
  }

  .toDo {
    width: 20%;
    background: #edeef7;
    margin: 5px;
    padding: 20px;
    justify-content: stretch;
  }

  .dayName {
    width: 5%;
    margin: 0 3%;
  }

  .toDo.striped {
    background: #b8b5ff;
  }

  .box.striped {
    background: #e4fbff;
  }

  .finished {
    opacity: 0.3;
    color: gray;
  }

  .currentDay {
    border: 20px solid whitesmoke;
  }

  .future {
    opacity: 0.7;
  }

  /*rgb(240, 222, 222)

  Color scheme courtesy of:
  https://colorhunt.co/palette/265183

  Dark purple- 7868e6
  medium purple- b8b5ff
  Light blue- e4fbff
  Light purple- edeef7
  */