html { font-size: 16px; }
body { background: #222; padding: 0; margin: 0; }
div#container { box-sizing: border-box; width: 960px; height: 100vh; margin: 0 auto; background: #666; }

header { background: #444; height: 125px; width: 100%; }
p#BCN { box-sizing: border-box; color: #bbf; float: left; font-size: 2.4rem; padding: 0 0 0 10px; width: 25%; }

nav { background: #444; float: left; width: 25%; }
div.toc { box-sizing: border-box; border: 1px solid #888; height: 125px; padding: 40px 0 0 10px; }
div#chosen { background: #666; }
nav a { color: #ddd; font-size: 2rem; text-decoration: none; }
nav a:hover { color: #bbf; }

main { box-sizing: border-box; float: right; padding: 20px 50px; width: 75%; }
main.center { text-align: center; }
main a { color: #8df; }

p.blue { color: #8df; font-size: 1.2rem; }
p.orange { color: #fa8; font-size: 1.2rem; }
p.purple { color: #bbf; font-size: 1.2rem; }
p.purplebig { color: #bbf; font-size: 1.8rem; }

input { font-size: 1.2rem; width: 400px; }
input.button { width: 200px; }
textarea { font-size: 1.2rem; width: 400px; height: 80px; }