html,body{width:100%;height:100%}:root{width:100%;height:100%}.topbar{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;width:100%;gap:16px;background-color:#000}.logo{height:32px}.logo-container{cursor:pointer}.settings-menu-link{padding-left:8px}#language-selector{display:flex;flex-direction:row;align-items:center;gap:16px;list-style:none}.project-top-bar{display:flex;justify-content:left;align-items:center;background-color:#777;color:#fff;padding:5px 20px;width:100%}.project-name{font-size:1rem;font-weight:700}.change-project{background-color:#fff;color:green;border:none;padding:5px 15px;margin-left:20px;cursor:pointer;border-radius:5px}.change-project:hover{background-color:#c6c6c6}.sidebar-link{color:#000;text-decoration:none;padding-left:8px;font-weight:700;border-left:3px solid transparent}.active{border-left:3px solid #3f7e26}