@import variables

#task-summary
  margin-bottom: 15px
  h2
    color: color('medium')
    font-size: size('xlarge')
    margin-top: 0
    padding-top: 0

.task-summary-container
  border: 2px solid #000
  border-radius: 8px
  padding: 15px

.task-summary-columns
  display: -webkit-flex
  display: flex
  -webkit-flex-direction: row
  flex-direction: row
  -webkit-justify-content: space-between
  justify-content: space-between

.task-summary-column
  color: color('primary')
  span
    color: color('medium')
  li
    line-height: 23px

.task-show-title
  border: 2px solid #000
  border-radius: 8px
  margin-bottom: 20px
  h2
    color: color('medium')
    margin: 0
    padding: 8px