:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde}.registration_form_el_block{display:flex;align-items:center;margin-bottom:15px}.registration_form_el{flex:50%}.loader{position:fixed;top:0;left:0;right:0;bottom:0;background:#fffc;display:flex;justify-content:center;align-items:center;z-index:1000}.spinner{border:8px solid #f3f3f3;border-top:8px solid #3498db;border-radius:50%;width:60px;height:60px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#root{max-width:50em;margin:0 auto;padding:2rem;text-align:center;background-color:#8a2be2;border-radius:1em}.mainDiv{background-color:#b482e4;border-radius:1em;padding:2em}.addTask{display:inline-flex;width:100%;padding-bottom:1em}.toDoList{display:grid}.itemTask{display:flex;padding-bottom:.5em;background-color:#b482e4}.itemTask Button:first-child{flex:0 0 80%;border-radius:0%}.itemTask Button:nth-child(2),.itemTask Button:nth-child(3){flex:0 0 10%;border-radius:0%}.itemUpdate{display:flex;align-items:center;padding-bottom:.5em}.itemUpdate Input:first-child{flex:0 0 80%;border-radius:0%}.itemUpdate Button:nth-child(2){flex:0 0 20%;border-radius:0%}