@font-face{font-family:arial}body{background:#ebecf1;margin:0;overflow-x:hidden}#root{padding:0}#root *{font-family:Arial;margin:0}h3.title{line-height:1.1}.nav-logo{display:flex;gap:2px;align-items:center}img{height:22px;width:auto}.container{min-height:100vh;min-width:100vw;position:relative}.nav-panel{background-color:#000;border-bottom:3px solid #86BC25;padding:8px 5vw;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10;height:70px}.nav-panel span{color:#fff!important;font-size:1.5rem;padding-top:2px}.title{padding:5px 0;font-size:1.5rem;color:#fff}.content-panel{padding:40px 5vw 0;padding-bottom:20px}.searchBar img{width:20px;height:20px;filter:invert(.5) sepia(0) saturate(20) hue-rotate(175deg)}.searchBar input{border:none;height:22px;width:100%;color:#18181b}.searchBar{display:flex;align-items:center;border-radius:20px;padding:5px;background-color:#fff;margin-bottom:12px!important;width:50vw}.sortingDiv *{color:#18181b}.sortingDiv span{font-size:.8rem}.sortingDiv{display:flex;gap:10px;align-items:center;justify-content:end;margin-bottom:10px!important;margin-left:10px!important}.sortingDiv>div{border:1px solid #64748b;border-radius:20px;padding:2px 5px;display:flex;align-items:center}.sortSelected{background-color:#94a3b8;padding:3px 6px;color:#fff;text-align:center}.filterMenu>div{display:flex;justify-content:space-between}span{text-align:center}#nav-pic{width:48px;height:auto;border-radius:50%}#nav-pic:hover{outline:3px solid #86BC25}#nav-menu>p{padding:2px}#nav-menu>p:hover{border-bottom:2px solid #86BC25}#nav-settings{position:relative}#profile-div{position:relative;align-items:center;display:flex}#nav-menu{position:absolute;background:#fff;padding:10px;border-radius:5px;right:0}