Match the style of the logo with the menu, and redo the width & margin of #browser

[Crystal-RainSlide]

This is a frontend issue.

.logo

Match the style of the logo with the menu, vertically centerize the logo, add left margin:

header {
  div.logo {
    height: $header_height;
    line-height: $header_height;
    margin-left: 10px;
  }
}

Maybe:

// Set a variable
$horizontal_margin: 10px;
// or
margin-left: $header_height * 0.2;

#browser

This will work on screens in all size, but I changed the $small_screen (it should be at the place of 56ch) with a relative unit.

#browser {
  max-width: 56ch;
  margin: 0 auto;
  padding: .5em;
}

[La0]

All right, please make a Pull Request with those changes !

[Crystal-RainSlide]

Done, link for the PR should be linked upon by GitHub already.