// Custom sass code

div#toc-container
  float: right
  display: block
  margin: 1em
  max-width: 35%

div.alert-box
  display: flex !important

h1
  border-bottom: 2px solid black

h2
  border-bottom: 1px solid black

div#article_content
  margin-bottom: 3em

div#footer
  position: fixed
  height: 2em
  bottom: 0
  color: #aaa
  width: 100%
  background-color: $oil

.gist-file
  margin-bottom: 1em !important
  margin-top: 1em !important
  border-radius: 0px !important


// Custom sass code

div#toc-container
  float: right
  display: block
  margin: 1em
  max-width: 35%

div.alert-box
  display: flex !important

h1
  border-bottom: 2px solid black

h2
  border-bottom: 1px solid black

div#article_content
  margin-bottom: 3em
  max-width: 1000px

div#footer
  position: fixed
  height: 2em
  bottom: 0
  color: #aaa
  width: 100%
  background-color: $oil

.gist-file
  margin-bottom: 1em !important
  margin-top: 1em !important
  border-radius: 0px !important


Add maximum width to article content.
Add maximum width to article content.

I personally don't like reading articles where the lines are as long as
my screen supports. It makes following the content rather hard.

So we can set a max width for the content, why not?
