body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.sidebar{box-sizing:border-box;height:100vh;padding:1rem;width:200px}.sidebar h2{color:#ecf0f1;text-align:center}.sidebar ul{list-style:none;padding:0}.sidebar li{margin:1rem 0}.sidebar a{color:#bdc3c7;text-decoration:none}.sidebar a:hover{color:#fff}.main-content{flex:1 1}.header{background-color:#34495e;color:#fff;text-align:center}.content,.header{padding:1rem}.app{display:flex;height:100vh}.sidebar{background-color:#2c3e50;bottom:0;color:#fff;overflow-y:auto;position:fixed;top:0;width:250px}.main-content{display:flex;flex-direction:column;flex-grow:1;margin-left:250px}.main-content.full-width{margin-left:0}.content{flex-grow:1;overflow-y:auto;padding:20px}