body {
  font-family: sans-serif;
}

.list {
  display: flex;
  flex-direction: column;
  align-items: center;
}

button {
  background-color: white;
  height: 53px;
  width: 53px;
  border: 1px solid black;
  cursor: pointer;
  font-size: 40px;
  outline: none;
}

.dummyButton {
  background-color: white;
  height: 53px;
  width: 53px;
  border: none;
  cursor: default;
  font-size: 40px;
  outline: none;
}

.firstRow {
  display: flex;
  justify-content: center;
}

.colours {
  margin: 0.5vw 0.5vw 1vw 0.5vw;
  display: flex;
  justify-content: center;
}

.colourButton {
  height: 29.28px;
  width: 29.28px;
  border: 1px solid black;
}

input {
  font-size: 40px;
  margin: 0 10px;
  border: 1px solid black;
  padding-left: 7px;
}

.newButtonSpace {
  display: flex;
  justify-content: center;
}

.tickedTickBox {
  color: grey;
}

.untickedTickBox {
  color: black;
}

.tickedInput {
  opacity: 40%;
  text-decoration: line-through;
}

.untickedInput {
  opacity: 100%;
  text-decoration: none;
}