body {
  font-family: 'Open Sans', sans-serif;
}

h3 {
  font-size: 16px;
}

a {
  color: #2980b9;
}

.instructions, .container {
  max-width: 800px;
  margin: auto;
}

.container {
  display: flex;
  gap: 50px;
}

.timeline {
  width: 90hw;
  display: flex;
}

.a {
  background-color: #34495e;
  color: white;
}

.b {
  background-color: #2c3e50;
  color: white;
}

.day {
  flex: 1;
  border: 1px solid #f4f4f4;
  text-align: center;
  font-size: 12px;
  padding: 5px 2px;
}

.day a {
  display: block;
  color: white;
  border: 2px solid white;
  padding: 3px 0px;
  text-decoration: none;
}
.rotation {
  flex: 1.2;
  border: 1px solid #f4f4f4;
  text-align: center;
  font-size: 12px;
  padding: 5px 2px;
}

.stock {
  background-color: #badc58;
  color: #2f3640;
}

.preorder {
  background-color: #ffbe76;
  color: #eb4d4b;
}

.closed {
  background: #bdc3c7;
  color: white;
}

.removal {
  background-color: #7f8c8d;
  color: white;
}

.blue {
  background-color: #22a6b3;
  color: white;
}

.switch {
  background-color: #ff7979;
  color: white;
}

section {
  margin-top: 50px;
}


input {
  border: solid 1px #dddddd;
  width: 290px;
  padding: 6px;
}

button {
  background-color: #1abc9c;
  border: 1px solid #1abc9c;
  color: white;
  padding: 6px;
  color: #2c3e50;
  cursor: hand;
}

button:hover {
  background-color: #16a085;
  border: 1px solid #16a085;
  color: white;
}

.column {
  flex: 1;
}

.side-grey {
  border-left: 10px solid #7f8c8d;
  padding-left: 20px;
}
.side-pink {
  border-left: 10px solid #ff7979;
  padding-left: 20px;
}

.side-blue {
  border-left: 10px solid #22a6b3;
  padding-left: 20px;
}

ol {
  list-style-position: inside;
  padding: 10px 10px;
  border: 1px solid #dddddd;
}

ol li {
  padding: 12px;
  border-bottom: 1px solid #f4f4f4;
}

ol li button {
  float: right;
}

ol button {
  background-color: #f4f4f4;
  border: 1px solid #dddddd;
  color: #e74c3c;
}

ol button:hover {
  background-color: #f4f4f4;
  border: 1px solid #e74c3c;
  color: #e74c3c;
}

section ol {
  list-style-position: outside;
  padding-left: 30px;
}