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