:focus{outline:none}body{position:relative}p{font-size:16px;line-height:26px}pre code{font-family:monospace;font-size:18px}main{display:flex}.sidebar-wrapper{max-width:250px;width:100%;height:100vh;overflow-y:auto;position:fixed;top:0;left:0}.sidebar-wrapper>nav{padding:40px 25px}.sidebar-wrapper>nav>a{display:block;margin-bottom:30px}.sidebar-wrapper>nav>nav.nav-pills{width:100%}.sidebar-wrapper>nav>nav.nav-pills>a,.sidebar-wrapper>nav>nav.nav-pills>a.active{background:transparent;color:#333}.sidebar-wrapper>nav>nav.nav-pills>a.title-link{text-transform:uppercase;color:#333;background:transparent;font-weight:700;font-size:18px}.sidebar-wrapper>nav>nav.nav-pills nav.nav-pills a{color:#333}.sidebar-wrapper>nav>nav.nav-pills nav.nav-pills a.active,.sidebar-wrapper>nav>nav.nav-pills nav.nav-pills a:hover{background:#fff;color:#000}.main-wrapper{padding:0 0 40px;width:100%;margin-left:250px}.main-wrapper .code-img img{width:100%}.main-wrapper .include-list{padding-left:20px}.main-wrapper .include-list li{list-style:disc;line-height:30px}.top-menu{display:none}@media (max-width:850px){.top-menu{display:block;position:fixed;width:100%;top:0;left:0;background:#fff;box-shadow:0 0 5px rgba(0,0,0,.2);padding:10px 20px;z-index:11}.top-menu .menu-btn{border:1px solid #777;border-radius:3px;padding:0;background:#fff;line-height:1;width:35px;height:30px;display:flex;align-items:center;justify-content:center}.sidebar-wrapper{position:fixed;z-index:999;left:-100%;transition:all .3s}.sidebar-wrapper.show{left:0}.main-wrapper{margin-left:0;margin-top:50px}}