.inputfield{align-items:center;display:flex;position:relative;width:100%}.inputfield__box{border:2px solid #a9a9a9;border-radius:8px;font-size:16px;padding:12px 66px 12px 16px;transition:.2s;width:100%}.inputfield__box:focus{box-shadow:0 0 10px 100vh #000000bf;outline:none}.inputfield__submit{background-color:#000;border:none;border-radius:0 8px 8px 0;color:#fff;cursor:pointer;font-size:16px;font-weight:600;height:100%;margin-left:12px;position:absolute;right:0;transition:all .2s;width:50px}.inputfield__submit:hover{background-color:#00bfff;color:#000}.inputfield__submit:active{box-shadow:0 0 5px #000;transform:scale(.8)}.singletodo{background-image:url(https://img.freepik.com/free-photo/crumpled-yellow-paper-background-close-up_60487-2390.jpg?size=626&ext=jpg);border-radius:8px;display:flex;gap:12px;justify-content:space-between;padding:12px;transition:.2s}.singletodo:hover{box-shadow:0 0 5px #000;transform:scale(1.03)}.singletodo__text{word-wrap:break-word;border:none;font-size:16px;padding:4px;white-space:normal}.singletodo__text:focus{outline:none}.singletodo__icons{align-items:center;display:flex;flex-direction:column}.singletodo__icon{cursor:pointer;font-size:20px;margin-left:10px}@media (max-width:700px){.singletodo{width:100%}}.container{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;width:100%}.todolist{border:2px solid #00bfff;border-radius:8px;display:flex;flex-direction:column;gap:12px;padding:15px;width:50%}.todolist--remove{border-color:tomato}.todolist__heading{color:#00bfff;font-size:16px;font-weight:700}.todolist--remove .todolist__heading{color:tomato}@media (max-width:700px){.container{flex-direction:column}.todolist{width:100%}}*{box-sizing:border-box;font-family:Quicksand,sans-serif;margin:0;padding:0}body{background-color:#a9a9a9}.App{align-items:center;background-color:#f5f5f5;border-left:2px solid #000;border-right:2px solid #000;display:flex;flex-direction:column;gap:32px;margin:0 auto;max-width:600px;min-height:100vh;padding:16px}.heading{color:#000;font-size:40px;font-weight:600;text-align:center;z-index:1}@media (max-width:800px){.heading{font-size:32px}}
/*# sourceMappingURL=main.8a173dc9.css.map*/