body{background-color:#000;color:pink}.container{position:relative;width:100%;height:100px;margin-top:20px;border:1px solid #fff}.container,.who{display:flex;flex-direction:row;justify-content:center;align-items:center}.who{width:50px;height:50px;border:4px solid #fff;border-radius:50%;transition:all 1.5s;margin:8px}.initial{font-family:Poppins,sans-serif;color:#fff;font-size:25px}.offduty{opacity:40%;transform:scale(.8)}.onduty{cursor:pointer}.notdone{border:4px solid orange}.done{border:4px solid lime}.emptymsg{font-family:Poppins,sans-serif;color:#fff;font-size:15px;text-align:center;position:relative;top:10px}