:root{font-size:16px}html,body{height:100%;width:100%;padding:0;margin:0}footer{position:fixed;left:0;bottom:0;width:100%;background-color:#333;color:#fff;text-align:center;margin-left:70px;z-index:2}footer p{margin-left:10rem;margin:1px 0}:root{background-color:#fff}.navbar ::-webkit-scrollbar{width:5px}.navbar ::-webkit-scrollbar-track{background:#f1f1f1;border-radius:15px}.navbar ::-webkit-scrollbar-thumb{background:#888;border-radius:15px}.navbar ::-webkit-scrollbar-thumb:hover{background:#555}nav{z-index:2;width:10rem;position:fixed;height:100vh;background-color:#191717}main{margin-left:10rem}.loading{margin-left:5rem}@media screen and (max-width: 1223px){main{margin-left:0;margin-top:50px}.loading{margin-left:0}footer{position:fixed;left:0;bottom:0;width:100%;background-color:#333;color:#fff;text-align:center;z-index:2}footer p{margin-left:0}}.profile-image{width:30px;height:30px;border-radius:50%}.profile-container{display:flex;gap:10px;width:100%;align-items:center}.navScroll ::-webkit-scrollbar{width:5px}.navScroll ::-webkit-scrollbar-track{background:#f1f1f1;border-radius:15px}.navScroll ::-webkit-scrollbar-thumb{background:#888;border-radius:15px}.navScroll ::-webkit-scrollbar-thumb:hover{background:#555}label{font-weight:bolder;font-family:Arial,Helvetica,sans-serif}.footer{left:0;bottom:0;width:100%;background-color:#333;color:#fff;text-align:center;z-index:2}.footer p{margin-left:10rem;margin:1px 0}