nav{width:100%;height:60px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;background-color:white;box-shadow:0 0 8px 0 #b4b4b4;padding:0 15px;z-index:9}nav div.left{display:flex}nav div.left div.logo{display:flex;align-items:center}nav div.left div.logo img{height:35px;margin-right:10px}nav div.left div.logo span{font-size:24px;color:#0093ff}nav div.center{display:flex;align-items:center;height:100%;gap:30px}nav div.center a{display:flex;align-items:center;height:100%;box-sizing:border-box;border-top:solid 4px transparent;border-bottom:solid 4px transparent}nav div.center a.active{border-bottom-color:#0093ff}nav div.right{display:flex;gap:15px}nav div.right div.navButton{position:relative;cursor:pointer}nav div.right div.navButton span.material-symbols-outlined{display:flex;height:45px;width:45px;box-sizing:border-box;align-items:center;justify-content:center;font-size:28px;background-color:#f5f5f5;border-radius:50%;padding-left:1px;transition:.2s}nav div.right div.navButton span.dot{position:absolute;top:0;right:0;height:10px;width:10px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;color:white;background-color:#0093ff;border-radius:50%;padding:0 0 1px 1px}nav div.right div.navButton.active span.material-symbols-outlined,nav div.right div.navButton:hover span.material-symbols-outlined{background-color:#dcdcdc}nav div.right div.user{display:flex;align-items:center;border-left:solid 1px #f5f5f5;padding-left:15px;cursor:pointer}nav div.right div.user img{height:45px;width:45px;border-radius:50%;margin-right:10px}nav div.right div.user div{display:flex;flex-direction:column;font-size:14px}nav div.right div.user div span:first-child{font-weight:600}nav div.right div.user div span:last-child{color:#b4b4b4}ul.navMenu{display:none;position:fixed;top:68px;right:8px;list-style:none;background-color:white;box-shadow:0 0 8px 0 #b4b4b4;border-radius:10px;margin:0;padding:15px;z-index:9}ul.navMenu li{cursor:pointer}ul.navMenu li a{font-size:16px;display:flex;align-items:center;padding:10px 12px 10px 10px;border-radius:10px;transition:.2s}ul.navMenu li a span.material-symbols-outlined{color:black;margin-right:5px}ul.navMenu li a span:last-child{margin-bottom:2px}ul.navMenu li a:hover{background-color:#f0f0f0}ul.notificationsList{display:none;position:fixed;top:68px;right:8px;width:400px;list-style:none;background-color:white;box-shadow:0 0 8px 0 #b4b4b4;border-radius:10px;margin:0;padding:15px;cursor:default;z-index:9}ul.notificationsList li:before{content:"";height:8px;width:8px;min-width:8px;background-color:#b4b4b4;border-radius:50%;margin-right:12px}ul.notificationsList li.unread:before{background-color:#0093ff}ul.notificationsList li{display:flex;align-items:center;font-size:16px;text-align:justify;padding:10px 12px;border-radius:10px;transition:.2s;cursor:default}ul.notificationsList li div p:last-child{font-size:14px;margin-top:5px}ul.notificationsList li:hover{background-color:#f0f0f0}