*{box-sizing:border-box}
body{
  margin:0;
  font-family:Arial,sans-serif;
  background:#f4f6f8;
}

/* HEADER */
.header{
  padding:10px;
  display:flex;
  justify-content:center;
  align-items:center;
  position:relative;
  font-size:20px;
  font-weight:700;
  background :#fff ;
  box-shadow:0 2px 6px rgba(0,0,0,.08);
}
.header{
  position: sticky;
  top: 0;
  z-index: 1000;
} 
.menu-btn{
  position:absolute;
  left:14px;
  font-size:22px;
  cursor:pointer;
}

.brand-namma{color:#2563eb}
.brand-id{color:#ec4899}

/* DRAWER */
.drawer{  
 position:fixed;  
 top:0;  
 left:-240px;  
 width:220px;  
 height:100%;  
 background:#fff;  
 transition:.3s;  
 z-index:1000;  
 box-shadow:2px 0 8px rgba(0,0,0,.15);  
}  
.drawer.open{left:0}  
.drawer-item{  
 padding:14px;  
 border-bottom:1px solid #eee; 
 cursor: pointer;
 font-weight:600;  
}  
.drawer-item:active {
 background: #f0f0f0; }

#overlay{  
 display:none;  
 position:fixed;  
 inset:0;  
 background:rgba(0,0,0,.4);  
 z-index:900;  
}  
#overlay.show{display:block}

.container{
 padding:8px;
 margin-bottom:5px ;
 
}