body{margin:0;padding:0}.navbar{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006;border-bottom:1px solid #6c63ff;padding:1rem;font-family:"sans-serif";position:sticky;box-shadow:0 4px 12px #0000001a}.ulcontainer{justify-content:space-around;margin:0;padding:0;list-style:none;display:flex}.nav-item{color:#fff;cursor:pointer;text-align:center;border-radius:.5rem;padding:.5rem 1rem;font-size:1rem;font-weight:700;text-decoration:none;transition:background-color .3s,color .3s}.nav-item:hover{color:#f8f8f8;background-color:#444}@media (max-width:768px){.ulcontainer{flex-direction:column;align-items:center}.nav-item{padding:.75rem 2rem;font-size:1.25rem}}.navbar-profile-image{-o-object-fit:cover;object-fit:cover;border:2px solid #fff;border-radius:50%;width:40px;height:40px}.profile-item{cursor:pointer;justify-content:center;align-items:center;padding:0 10px;display:flex}.sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#00000080;width:250px;height:770%;padding:1rem;transition:right .3s;position:fixed;top:0;right:-270px;box-shadow:0 2px 10px #00000080}.sidebar.open{right:0}.sidebar h2{color:#fbbf24}.sidebar-links li{cursor:pointer;color:#fff;padding:10px 0;transition:color .2s}.sidebar-links li:hover{color:#fbbf24}.close-btn{color:#f87171;cursor:pointer;background:0 0;border:none;font-size:1.5rem}.sidebar-icon{color:#f5f5f5;cursor:pointer;width:30px;height:30px;transition:transform .2s,color .2s}.sidebar-icon:hover{color:#f87171;transform:scale(1.1)}.overlay{z-index:999;background:#00000080;width:100%;height:100%;position:fixed;top:0;left:0}