body{margin:0;padding:0}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}.wrapper[data-v-5d3bf6d2]{display:grid;grid-template-columns:1fr 5fr;grid-template-areas:"header  header" "sidebar content" "sidebar content"}header[data-v-5d3bf6d2]{text-align:left;background:#333;height:50px;grid-area:header;color:#fff;font-size:1.4em}header div[data-v-5d3bf6d2]{padding:10px}nav[data-v-5d3bf6d2]{height:calc(100vh - 50px);background:#333;color:#fff;grid-area:sidebar;font-size:1.3em}ul[data-v-5d3bf6d2]{list-style-type:none;padding-left:0}ul li[data-v-5d3bf6d2]{padding:10px}ul li[data-v-5d3bf6d2]:hover{background:rgba(0,0,0,.3)}a[data-v-5d3bf6d2]{color:inherit;text-decoration:none}.content[data-v-5d3bf6d2]{height:calc(100vh - 110px);grid-area:content;margin-top:60px;overflow-y:scroll;text-align:center}