#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}nav{padding-left:10px;font-size:25px;position:fixed}nav a{font-weight:700;color:#2c3e50}nav a.router-link-exact-active{color:#42b983}#popup{min-width:200px;border-radius:10px;background-color:#fff;border-style:solid;border-width:1px;border-color:gray;z-index:999;top:100px;max-height:calc(100% - 100px);display:block;overflow-y:scroll;font-size:25px}#content,#popup{position:absolute}#content{text-align:left;height:calc(100% - 90px);margin-left:5px;margin-right:20px;width:calc(100% - 25px);float:left;overflow-y:auto;top:90px;font-size:20px}#menu{position:fixed;top:50px;width:100%;height:30px;display:flex;font-size:20px;color:blue;cursor:pointer}#menu a{margin-left:3px;margin-right:3px}#menu div{margin-left:5px;margin-right:5px}.hlink{color:#000;cursor:pointer}#booklist{text-align:left;position:absolute;margin-left:5px;margin-right:20px;width:calc(100% - 25px);height:calc(100% - 150px);top:100px;font-size:20px;display:block;overflow:auto}#page{top:calc(100% - 60px);height:30px;font-size:20px}#icp,#page{position:absolute;width:100%;display:flex}#icp{top:calc(100% - 30px);height:20px;font-size:14px}