.menu{background-color:#fff;width:100%;height:80px;justify-content:space-between}.menu,.menu__left{display:flex;align-items:center}.menu__left{margin-left:1.5em;width:100vh}.tag__menu-container{margin:0 1em;display:flex;align-items:center}.tag__menu{font-family:var(--nunito);color:var(--brunswick-green);font-weight:700;font-size:20px;margin:0 .5em;text-decoration:none}.menu__right{margin-right:15px}.infos__container,.menu__right{display:flex;align-items:center}.infos__container{flex-direction:column;margin:0 20px}.infos__texttitle,.infos_textsubtitle{text-align:center;font-family:var(--poppins);margin:0}.infos__texttitle{color:var(--jungle-green);font-size:16px;font-weight:500}.infos_textsubtitle{color:var(--french-gray);font-size:13px;font-weight:400}.navbar__photo{width:50px;height:50px;aspect-ratio:1/1;border-radius:50%;background:#e0e0e0}.navbar__no-photo{width:50px;height:50px;color:var(--zomp,#17ac91)}.image__settings-left{margin-right:20px}.image__settings-right{display:flex;justify-content:center}.sidebar__bars-button{position:fixed;top:10px;left:10px;background:none;border:none;margin:.5rem;padding:0;font-size:35px;font-family:var(--poppins);color:var(--jungle-green);cursor:pointer;z-index:1100}.sidebar{position:fixed;top:0;left:0;height:100vh;width:68px;padding-top:1rem;display:flex;flex-direction:column;align-items:center;background-color:#fff;box-shadow:2px 0 5px rgba(0,0,0,.1);overflow-x:hidden;transition:width .3s ease;z-index:1000}.sidebar.open{width:190px}.sidebar__container{display:flex;flex-direction:column;align-items:center;height:100vh;margin:0}.sidebar__top-icons{display:flex;align-items:center;margin:.1rem -2rem 3rem 4.5rem}.sidebar:not(.open) .sidebar__top-icons{visibility:hidden;pointer-events:none}.sidebar__link{display:flex;align-items:center;width:80%;height:30px;padding:.5rem 1rem;margin-bottom:1.5rem;font-family:var(--nunito);font-size:1rem;font-weight:700;text-decoration:none;color:var(--brunswick-green);border:2px solid var(--jungle-green);border-radius:8px;cursor:pointer}.sidebar:not(.open) .sidebar__link{width:16px;justify-content:center}.sidebar__link span{margin-left:1rem;white-space:nowrap}.sidebar:not(.open) .sidebar__user-info{justify-content:center;padding-left:0}.sidebar__student__containericon{display:flex;flex-direction:row;gap:.75rem;justify-content:center;align-items:center;margin-top:auto;margin-bottom:2rem}.sidebar__user-name{color:var(--jungle-green);font-size:16px;font-weight:500}.sidebar__user-role{color:var(--french-gray);font-size:13px;font-weight:400}.sidebar__auth-buttons{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:200px;margin:0 0 3.3rem;align-items:center}@media (max-width:768px){.menu{position:fixed;top:0;left:0;right:0;z-index:999;box-shadow:0 2px 5px rgba(0,0,0,.1)}}