*{box-sizing:border-box;margin:0;padding:0}body{background-color:rgba(46,50,57,.855);counter-reset:li;font-family:Roboto,sans-serif}.home,body{height:100%}.home{align-items:center;display:flex;justify-content:center;min-height:100vh}.container{background-color:#e1e1e1;border-radius:.7rem;box-shadow:0 0 .75em rgba(0,0,0,.2);color:#2e3239;height:100%;padding:.3rem 2rem;width:21.5rem}.container .heading_container{align-items:center;-moz-column-gap:1rem;column-gap:1rem;display:flex;padding-block:1rem}.container .heading_container .img{height:1rem;width:1rem}.container .heading_container .heading{font-size:2rem;text-align:center}.container .to-do-list{border-radius:.3rem;display:grid;font-size:1.3rem;font-weight:700;margin-block:2rem;row-gap:1rem}.container .to-do-list li{background-color:#fff;border-radius:.5rem;box-shadow:0 0 .75em rgba(0,0,0,.12);display:flex;padding:.9rem;width:16.8rem}.container .to-do-list .to-do-items:before{content:counter(li) ".";counter-increment:li;margin-right:.6rem}.container .to-do-list .to-do-items{align-items:center;display:flex;width:15rem}.container .to-do-list .to-do-items p{font-weight:700}.container .to-do-list .to-do-items img{width:1.5rem}.container .to-do-list .to-do-items .item-icons{margin-left:auto}.container .to-do-list .to-do-items .edit-btn{background-color:transparent;border:0;color:#fff;margin-right:.5rem}.container .to-do-list .to-do-items .edit-btn:hover{cursor:pointer}.container .to-do-list .to-do-items .del-btn{background-color:transparent;border:0;color:#fff}.container .to-do-list .to-do-items .del-btn:hover{cursor:pointer}.form{align-items:center;display:flex;flex-wrap:wrap;font-size:.9rem}.form .title-input{border:none;border-radius:.3rem;box-shadow:0 0 .75em rgba(0,0,0,.2);margin-right:.7rem;outline:none;padding:.6rem 1rem;width:12.1rem}.form .get-items-button{background-color:#2e3239;border:0;border-radius:.3rem;box-shadow:0 0 .75em rgba(0,0,0,.2);color:#fff;height:2.2rem;width:4rem}.form .get-items-button:hover{cursor:pointer}.form img{align-items:center;display:flex;justify-content:center}.popup_container{background-color:#fff;border-radius:.5rem;box-shadow:0 0 .75em rgba(0,0,0,.2);display:none;left:50%;padding-block:1.2rem;position:absolute;top:50%;transform:translate(-50%,-50%);width:20rem}.popup_container .edit-items-button{background-color:#2e3239;border:0;border-radius:.3rem;box-shadow:0 0 .75em rgba(0,0,0,.2);color:#fff;height:2.2rem;width:4rem}.popup_container .edit-items-button:hover{cursor:pointer}.popup_container .popup{margin-inline:auto;position:relative;width:-moz-fit-content;width:fit-content}.popup_container .popup .popup_heading{align-items:center;color:#2e3239;display:flex;margin-bottom:.4rem}.popup_container .popup .popup_heading img{height:1.7rem;margin-right:.5rem;width:1.7rem}.popup_container .popup .quit{background-color:transparent;border:0;position:absolute;right:-1rem;top:-.5rem}.popup_container .popup .quit img{height:.7rem;width:.85rem}.popup_container .popup .quit:hover{cursor:pointer}.popup_container[data-visible]{display:block;position:absolute;z-index:1}