*{list-style:none;text-decoration:none;margin:0;padding:0;box-sizing:border-box;font-family:Inter,Open Sans,sans-serif}.wrapper .sidebar{top:0;left:0;width:225px;height:100%;padding:20px 0;transition:all .5s ease}.wrapper .sidebar .profile{margin-bottom:30px;text-align:center}.wrapper .sidebar .profile img{display:block;width:100px;height:100px;border-radius:50%;margin:0 auto}.wrapper .sidebar .profile h3{color:#000;margin:10px 0 5px}.wrapper .sidebar .profile p{color:#1124ff;font-size:14px}.wrapper .sidebar ul li a{display:block;padding:13px 30px;border:1px solid #000;color:#f1eded;font-size:16px;position:relative}.wrapper .sidebar ul li a .icon{color:#dee4ec;width:30px;display:inline-block}.wrapper .sidebar ul li a.active,.wrapper .sidebar ul li a:hover{color:#000;background:#fff}.wrapper .sidebar ul li a.active .icon,.wrapper .sidebar ul li a:hover .icon{color:#000}.wrapper .sidebar ul li a.active:before,.wrapper .sidebar ul li a:hover:before{display:block}.wrapper .section{width:calc(100% - 225px);margin-left:225px;transition:all .5s ease}.wrapper .section .top_navbar{background:#0769b9;height:50px;width:50px;display:flex;align-items:center;padding:0 30px}.wrapper .section .top_navbar .hamburger a{font-size:28px;color:#f4fbff}.wrapper .section .top_navbar .hamburger a:hover{color:#a2ecff}body.active .wrapper .sidebar{left:-225px}body.active .wrapper .section{margin-left:0;width:100%}