nav{justify-content:space-between;align-items:center;width:100%;height:120px;padding:0 150px;display:flex;position:relative}nav#mobile{justify-content:space-between;align-items:center;width:100%;padding:0 25px;display:none}nav .profile{align-items:center;gap:15px;display:flex}nav .profile img{border:2px solid #cc5a95;border-radius:50%}nav .profile .user{line-height:18px}nav .profile .user .name{color:#fff;font-size:18px;font-weight:700}nav .profile .user .role{color:rgba(255,255,255,.314);font-size:14px}nav .shadow{filter:blur(200px);z-index:-1;background:rgba(204,90,149,.376);border-radius:40%;width:100%;max-width:700px;height:500px;position:absolute;top:-300px;left:50%;transform:translate(-50%)}nav ul{align-items:center;gap:50px;list-style:none;display:flex}nav ul li a{color:rgba(255,255,255,.46);font-size:18px;text-decoration:none;transition:all .2s}nav ul li a:hover,nav ul li.active a{color:#fff;font-weight:700}@media screen and (max-width:1050px){nav#desktop{display:none}nav#mobile,#mpages{display:flex}}#mpages{z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(0,0,0,.5);flex-direction:column;justify-content:center;align-items:center;gap:15px;width:80%;height:100%;font-size:20px;transition:all .5s;display:flex;position:fixed;top:0;left:-80%}#mpages a{color:#fff;text-decoration:none}#mpages p{color:rgba(255,255,255,.314);letter-spacing:2px;margin-top:15px;font-size:12px}#mpages.active{left:0}