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}.header{background-color:#f8f8f8;box-shadow:0 2px 4px #0000001a;padding:10px 20px}.header ul{list-style-type:none;margin:0;overflow:hidden;padding:0}.header li{float:left}.header li a{color:#000;display:block;padding:14px 16px;text-align:center;text-decoration:none}.header li a:hover{background-color:#ddd;color:#000}.active{background-color:#4caf50;color:#fff}.sidebar{overflow:hidden;transition:width .3s ease}.sidebar.closed{width:0}.content{position:relative}.menu-toggle{left:0;position:absolute;top:0;z-index:100}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,sans-serif}.app-container{display:flex;height:100vh}.sidebar{background-color:#24292e;color:#fff;display:flex;flex-direction:column;justify-content:space-between;overflow-x:hidden;overflow-y:auto;transition:width .5s;width:250px}.sidebar.closed{width:50px}.sidebar ul{list-style:none;padding:20px 0}.sidebar ul li a{color:#fff;display:block;padding:10px 20px;text-decoration:none;transition:background-color .3s}.sidebar ul li a:hover{background-color:#06c}.content{background-color:#f4f4f4;flex-grow:1;padding:20px}.menu-toggle{background-color:#24292e;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;left:250px;padding:10px 20px;top:20px;transition:left .5s,background-color .3s}.sidebar.closed+.content .menu-toggle{left:50px}.menu-toggle:hover{background-color:#06c}.sidebar ul li a svg{height:24px;width:24px}.sidebar.closed+.content{padding-left:70px}.sidebar.closed+.content .menu-toggle{left:60px}.content .menu-toggle{left:210px}.page-content{margin-top:40px}.menu-toggle{position:fixed;top:10px;z-index:1000}
/*# sourceMappingURL=main.5397dfc0.css.map*/