/* The "box" class is used for display purposes only */
.box {
  border-style: solid;
  border-width: 0.5rem;
  margin: 1rem;
  padding: 1rem;
}

#red {
  border-color: red;
}

#red-blue {
  border-color: red blue;
}

#red-blue-green {
  border-color: red blue green;
}

#red-blue-green-purple {
  border-color: red blue green purple;
}

#longhand {
  border-top-color: red;
  border-right-color: blue;
  border-bottom-color: green;
  border-left-color: purple;
}