@font-face{font-family:Lato;src:url(/assets/Lato-Regular-BwLIet1C.ttf)}*{margin:0;padding:0;box-sizing:border-box}.flex{display:flex}body{height:100vh;width:100vw;font-family:Lato;background:#1e3e62;display:flex;justify-content:center;align-items:start;padding:8rem;overflow-x:hidden}main{width:26rem;background:#000;border-radius:.5rem;color:#ff6500;padding:2rem;position:relative}.header{display:flex;justify-content:start;align-items:center;margin-bottom:1.2rem}.heading{font-size:1.7rem;margin-right:1rem}input{height:3.3rem;width:20rem;border-radius:2rem;padding-left:1rem;border:none;outline:none;background-color:#e8e8e8;font-size:1rem;font-family:Lato;background-color:#000;border:1px solid #ff6500;color:#ff6500}button{height:3.3rem;width:6rem;position:absolute;border-radius:2rem;top:5.24rem;left:18rem;bottom:0;right:0;border:none;outline:none;background-color:#ff6500;color:#fff;font-weight:500;font-size:1rem;font-family:Lato;cursor:pointer}.taskLists{margin-left:2rem;width:22rem}.lists>li{margin-top:2rem;list-style-type:none;border:1px solid #ff6500;padding:.3rem 0 .4rem .5rem;box-shadow:3px 3px 1px #ff6500;border-radius:.5rem;cursor:pointer;width:18rem;position:relative;overflow:auto}.lists>li::-webkit-scrollbar{height:8px}.lists>li::-webkit-scrollbar-track{width:2px;background:#f1f1f1;border-radius:10px}.lists>li::-webkit-scrollbar-thumb{width:2px;background:#888;border-radius:10px}.lists>li::-webkit-scrollbar-thumb:hover{background:#ff6500}.lists>li>span{position:absolute;left:16rem;bottom:0;top:.3rem;right:0;cursor:pointer}