@import variables

*
  box-sizing: border-box
  font-family: Verdana, Geneva, Tahoma, sans-serif
hr
  background-color: $neutral
  border: 2px solid $neutral
  border-radius: 5px
body   
  margin: 0
  padding: 0
  background: $neutral_gray_light
main
  z-index: 980
  position: relative
  top: 5.5em
  width: 100%
  word-break: break-word
pre
  /*background-color: #d8d8d8*/
  border-radius: 5px
@for $i from 1 through 12
    h#{$i}
      margin: 0
.dev
  border: 1px solid black
.display 
  background-color: lightcoral
  border: 1px solid red
  text-align: center
.container 
  width: calc( 100% - 10em )
  max-width: 90em
  margin: 0 auto
.link
    color: #2980b9
    text-decoration: none
    font-size: 12pt
div[class^="col-"]
  padding: 1rem 0
.row
  display: flex
  flex-wrap: wrap
@for $i from 1 through $columns 
  .col-#{$i}
    flex: 0 0 100% / $columns * $i
  .col-offset-#{$i}
    margin-left: 100% / $columns * $i