#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}nav{padding:30px}nav a{font-weight:700;color:#2c3e50}nav a.router-link-exact-active{color:#42b983}body{height:100vh}.container,body{width:100vw;overflow:hidden}.container{display:flex;text-align:left;height:calc(100vh - 50px)}.titles-panel{flex:1;border-right:1px solid #ccc;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#888 #f0f0f0}.titles-panel::-webkit-scrollbar{width:8px}.titles-panel::-webkit-scrollbar-track{background:#f0f0f0}.titles-panel::-webkit-scrollbar-thumb{background-color:#888;border-radius:4px}.content-panel{flex:2;padding:0 1rem;overflow-y:auto;line-height:1.5}.content-panel h2{font-weight:400}li{cursor:pointer;list-style:none;padding:1rem;margin:2px 0;overflow:hidden}.home img{border-radius:5px}