@import"http://fonts.googleapis.com/css?family=Roboto+Mono:400,700|Open+Sans:400italic,700italic,400,700";.sidebar2{width:0;overflow:hidden;height:0}body,html{margin:0;padding:0;font-family:Roboto mono;background-color:#222}.body-wrapper{background-color:#222;color:#fff;height:100vh;display:flex;flex-direction:row;justify-content:center}.spacer{width:280px}.sidebar{border-color:#000;border-width:2px;width:280px;align-self:flex-start;position:sticky;top:0;padding:16px;margin-top:32px}.sidebar .active{color:#0ff}.sidebar h1{margin-top:0;margin-bottom:0;color:#fff;font-size:22px}.sidebar p{margin-top:8px;margin-bottom:8px;color:#8e8e8e;font-size:16px}.sidebar a{text-decoration:underline}.content{width:950px;min-height:800px;padding:32px 64px;overflow-x:hidden;background-color:#2b2b2b;flex-basis:10}.content p{margin-top:3px;margin-bottom:3px}.light-text{color:#8e8e8e}.light-text p{margin-top:2px;margin-bottom:2px}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-thumb{background:#181818}::-webkit-scrollbar-thumb:hover{background:#151515}a{color:#8e8e8e}@media (max-width: 1300px){.spacer{width:0}}@media (max-width: 900px){.body-wrapper{margin:0;flex-wrap:wrap;overflow:hidden}.spacer{width:0}.sidebar{opacity:0;width:0;margin:0;padding:0;height:0}.sidebar p,.sidebar h1,.spacer{height:0}.sidebar2{margin-left:16px;display:flex;flex-direction:row;justify-content:flex-start;width:100%;overflow:visible;height:30px}.content-wrapper{margin-top:0;height:90%}.content{width:100%;margin:0;padding:16px}.content .item-right{width:0}.content .item{height:100%}}