@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);*{box-sizing:border-box;color:#555;color:var(--text-dark);font-family:Inter,sans-serif;margin:0;padding:0}:root{--text-dark:#555;--text-light:#aaa}body,html{margin:0;padding:0}.App{align-items:center;display:flex;justify-content:center}#content{display:flex;flex-direction:column;margin:10rem 2rem 2rem;max-width:380px;width:100%}#content h2{color:#555;color:var(--text-dark);margin-bottom:1rem}form{display:flex;gap:15px}form input{border:none;border-bottom:1.5px solid #555;border-bottom:1.5px solid var(--text-dark);flex-grow:1;font-size:.8rem;outline:none;padding:0 10px}form input::placeholder{color:#aaa;color:var(--text-light);font-weight:350}form button{align-items:center;background:#555;background:var(--text-dark);border:none;border-radius:11px;color:#fff;cursor:pointer;display:flex;height:34px;justify-content:center;outline:none;position:relative;width:34px}form button:after,form button:before{background:#fff;content:"";height:16px;position:absolute;width:1.5px}form button:after{transform:rotate(90deg)}.items-list{padding:5px 0}.items-list .todo-item{align-items:center;border:1px solid #aaa;border:1px solid var(--text-light);border-radius:12px;display:flex;font-size:.85rem;font-weight:400;gap:13px;justify-content:center;margin:15px 0;padding:15px}.items-list .todo-item .checkbox{border:1.5px solid #aaa;border:1.5px solid var(--text-light);border-radius:2px;height:15px;width:15px}.items-list .todo-item .checkbox:hover{border-color:#555;border-color:var(--text-dark);cursor:pointer}.items-list .todo-item .content{cursor:default;flex-grow:1;-webkit-user-select:none;user-select:none}.items-list .todo-item .remove{cursor:pointer;height:15px;position:relative;width:15px}.items-list .todo-item .remove:before{transform:translate(-50%,-50%) rotate(45deg)}.items-list .todo-item .remove:after,.items-list .todo-item .remove:before{background:#555;background:var(--text-dark);content:"";height:11px;left:50%;position:absolute;top:50%;width:2px}.items-list .todo-item .remove:after{transform:translate(-50%,-50%) rotate(-45deg)}.items-list .todo-item.checked .content{color:#aaa;color:var(--text-light);text-decoration:line-through}.items-list .todo-item.checked .checkbox{background:#555;background:var(--text-dark);border-color:#555;border-color:var(--text-dark)}.items-list .todo-item.checked .checkbox:after{border-bottom:2px solid #fff;border-right:2px solid #fff;content:"";display:block;height:8px;transform:translate(3.5px) rotate(35deg);width:3.5px}.remainingText{color:#555;color:var(--text-dark);margin-bottom:15px;margin-top:5px}.quote,.remainingText{font-size:.8rem;font-style:italic;font-weight:400}.quote{color:#aaa;color:var(--text-light)}
/*# sourceMappingURL=main.23cd4f63.css.map*/