@charset "UTF-8";*{box-sizing:border-box;padding:0;margin:0;overflow:hidden}body{padding:8px;width:100vw;height:100vh;background-image:url(/To-do-List/assets/pexels-padrinan-19670-XuTg6_NX.jpg);background-size:cover;background-repeat:no-repeat;background-color:#cdf7ffcc;display:flex;justify-content:center;font-family:sans-serif;color:#fff}body .todoWrapper{min-width:35vw;max-height:85vh;display:flex;flex-direction:column;align-items:center;background-color:#000000d0;padding:1rem 1rem 2rem;border-radius:5px;position:relative;top:5vh}body .todoWrapper::-webkit-scrollbar{width:5px;background-color:#0000008d;border-radius:2px}body .todoWrapper::-webkit-scrollbar-thumb{background-color:#aaa9a9c0;border-radius:2px}body .todoWrapper h1{color:#cdf7ffcc;font-size:clamp(2rem,2rem + 2vw,3rem);text-align:center;flex-shrink:0}body .todoWrapper .line{border:2px solid rgba(205,247,255,.8);width:100%;margin:.8rem 0}body .todoWrapper .CreateForm{width:90%;min-height:2.3rem;display:flex;justify-content:center;align-items:center;margin:1rem 0;border:2px solid rgba(205,247,255,.8);border-radius:2px}body .todoWrapper .CreateForm #inputText{font-size:1.3rem;padding:.4rem;border:none;background:none;color:#fff;width:80%;outline:none}body .todoWrapper .CreateForm #inputText::placeholder{color:#cdf7ffcc;text-align:center;opacity:.6}body .todoWrapper .CreateForm #addBtn{min-height:2.3rem;border:none;background-color:inherit;font-weight:900;color:#cdf7ffcc;cursor:pointer;width:20%;height:100%;border-left:2px solid rgba(205,247,255,.8)}@media (max-width: 370px){body .todoWrapper{padding:.8rem}}@media (max-width: 280px){body .todoWrapper{padding:.6rem}}@media (max-width: 240px){body .todoWrapper{padding:.6rem;transform:scale(.9)}}body .todoWrapper .todolist_group{overflow-y:auto;width:95%}body .todoWrapper .todolist_group .TodoList{display:flex;justify-content:space-between;align-items:center;border-radius:5px;margin:.5rem;border:2px solid rgba(205,247,255,.8);background-color:#42e3ff33;color:#cdf7ffcc;height:auto}body .todoWrapper .todolist_group .TodoList .todo_content{width:83%;padding:3px 0 3px .5rem;display:flex;align-items:center}body .todoWrapper .todolist_group .TodoList .todo_content input[type=checkbox]{margin-right:10px;transform:scale(1.2);cursor:pointer}@media (max-width: 768px){body .todoWrapper .todolist_group .TodoList .todo_content input[type=checkbox]{transform:scale(1);margin-right:5px}}@media (max-width: 480px){body .todoWrapper .todolist_group .TodoList .todo_content input[type=checkbox]{transform:scale(.8);margin-right:3px}}body .todoWrapper .todolist_group .TodoList .todo_content p{font-size:calc(.8rem + .7vw);position:relative;font-weight:500;white-space:normal;word-wrap:break-word}body .todoWrapper .todolist_group .TodoList .icons{display:flex;width:74px;height:auto}body .todoWrapper .todolist_group .TodoList .icons .list-Btn{border:none;margin:0 8px;width:100%;height:100%;cursor:pointer}body .todoWrapper .todolist_group .TodoList.complet{opacity:.6}body .todoWrapper .todolist_group::-webkit-scrollbar{width:5px;background-color:#0000008d;border-radius:2px}body .todoWrapper .todolist_group::-webkit-scrollbar-thumb{background-color:#aaa9a9c0;border-radius:2px}body .todoWrapper .todolist_group .edit-form{display:flex;justify-content:center;align-items:center;width:83%;margin:1.2rem auto;border:2px solid rgb(255,255,255);border-radius:5px}body .todoWrapper .todolist_group .edit-form #editText{font-size:calc(.5rem + .8vw);padding:10px 10px 10px .5rem;border:none;background:none;color:#fff;width:80%;outline:none}body .todoWrapper .todolist_group .edit-form #editBtn{border:none;background-color:inherit;color:#fff;border-left:2px solid rgb(255,255,255);cursor:pointer;width:20%;height:100%}