:root{--header-height:60px;--footer-height:50px;--transition-duration: .3s;--menu-shadow: 0 12px 32px rgba(0, 0, 0, .1), 0 2px 6px rgba(0, 0, 0, .08);--sidebar-shadow: 0 12px 32px rgba(0, 0, 0, .5), 0 2px 6px rgba(0, 0, 0, .08);--form-shadow: 0 2px 6px rgba(0, 0, 0, .5), 0 2px 6px rgba(0, 0, 0, .08);--button-shadow: 0px 1px 2px rgba(0, 0, 0, .5)}*{margin:0;padding:0;box-sizing:border-box}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#666}::-webkit-scrollbar-thumb:hover{background:#333}.container{min-height:calc(100vh - var(--header-height));width:80%;max-width:1200px;min-width:250px;margin:0 auto;display:flex;flex-direction:column;transition:width var(--transition-duration) ease-in-out}.material-icons{font-size:24px;color:#666}@media only screen and (max-width: 900px){.container{width:100%}}