@import"https://fonts.googleapis.com/css2?family=Aboreto&family=Exo:wght@100;200;300;400;500;600;700;800;900&family=Poppins:wght@100;200;300;400;500;600;700;800;900&family=Roboto:wght@100;300;400;500;700;900&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:roboto,sans-serif;background-color:#333}h1{font-family:roboto,sans-serif;font-size:32px;font-weight:500}h2{font-family:roboto,sans-serif;font-size:28px;font-weight:500}.main-container{display:flex;height:100%}.topnav{padding:10px;color:#ddd;background-color:#333;border-bottom:1px solid #666666}.sidenav{background-color:#333;width:60px;overflow:hidden;box-shadow:2px 2px 2px #fff6;transition:width 1s;z-index:1000}.sidenav:hover{width:300px}.sidenav-menu{color:#eee;background-color:#333}.sidenav-menu:hover{background-color:#333}.sidenav-menu:hover>div{background-color:#333;max-height:800px}.sidenav-menu-list{background-color:#333;max-height:0px;overflow:hidden;transition:max-height 3s}li.sidenav-menuitem>a{color:#ddd;text-decoration:none;background-color:#333;padding-left:30px;line-height:50px;font-size:20px;white-space:nowrap}li.sidenav-menuitem:hover{color:#fff;background-color:#333;text-shadow:0px 0px 4px #ffffff}span.sidenav-menuheader{display:flex;align-items:center;line-height:50px;overflow:hidden;white-space:nowrap;font-size:24px}span.sidenav-menuitem-container{display:flex;align-items:center;line-height:50px;white-space:nowrap}.sidenav-icon{padding-left:16px;padding-right:40px;font-size:30px;width:100px;height:64px}.main-view{padding:10px;background-color:#222;color:#eee;width:100%}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#a6d5fb}::-webkit-scrollbar-thumb:hover{background:#012645}