.navbar{color:#fff;background-color:#000041;padding:10px 40px}#side-bar{align-items:center;width:1200px;height:90vh;margin:auto;display:flex}#main-second-body{-webkit-backdrop-filter:blur(10px);background:#fff;border-radius:10px;width:70vw;height:500px;margin:auto auto auto 70px;overflow:auto;box-shadow:0 4px 30px #00000089}#options{max-height:70vh}#sidebar_fully_outer{background-color:#fff;border:1px solid gray;border-right:2px solid navy;flex-direction:column;width:300px;height:fit-content;display:flex}#options::-webkit-scrollbar{display:none}#options{scrollbar-width:none;overflow-x:hidden}#sidebar_inner{width:250px;padding:20px;font-size:18px}#main-heading p{height:30px}ul li{cursor:pointer;border-radius:20px;width:170px;margin:10px;padding:10px 10px 10px 15px;text-decoration:none;list-style:none;display:flex}ul li p{font-size:17px;position:relative;top:3px;left:5px}ul li:hover,ul li.active-option{color:#fff;background-color:navy;transition:all .2s}#more-options-btn{display:none}#logout-confirm-overlay{z-index:9999;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.logout-dialog{text-align:center;background:#fff;border-radius:10px;padding:20px 30px;box-shadow:0 0 15px #0000004d}.logout-buttons{justify-content:center;gap:15px;margin-top:15px;display:flex}.logout-buttons button{cursor:pointer;border:none;border-radius:6px;padding:8px 16px}@media screen and (max-width:1200px){#side-bar{width:100%}ul li p{font-size:14px}#icon svg{font-size:20px}#main-second-body{width:63%}}@media screen and (max-width:1000px){#sidebar_fully_outer{z-index:0;background-color:#f5f5f5;border:none;width:30%;height:92%;margin-top:0%;transition:all .5s;position:relative;left:5%;box-shadow:0 0 10px #0000004d}ul li p{font-size:14px}#more-options-btn{display:block}#side-bar{justify-content:center;align-items:center;display:flex}#main-second-body{z-index:1;border:2px solid navy;width:83%;height:100%;margin-left:-18%;padding:10px;transition:all .3s ease-in-out}#options,#main-heading{transition:all .5s}}@media screen and (max-width:665px){#sidebar_fully_outer{width:40%}#main-second-body{width:83%;margin-left:-25%}}@media screen and (max-width:500px){#sidebar_fully_outer{width:80%}#main-second-body{width:80%;margin-left:-62%}}@media screen and (max-width:400px){#more-options-btn{position:relative;right:9px}}