@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Montserrat&family=Roboto&display=swap";*{margin:0;padding:0;box-sizing:border-box}input,button{all:unset}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@media screen and (min-width: 700px){*{font-size:1.3rem}}.todoapp{max-height:80vh;width:90vw;max-width:600px;overflow:hidden;padding:2rem;box-shadow:0 4px 10px #0000001a}.todoapp__title{margin-bottom:1rem;font-family:var(--titleFont);font-size:2rem;color:var(--color01);text-align:center}.todoapp__title strong{font-weight:700}.todoapp__tasks-list{max-height:calc(80vh - 200px);overflow-y:auto;display:flex;flex-flow:column nowrap;gap:16px}.todoapp__task{width:100%;display:flex;justify-content:space-between;align-items:center;padding:8px;border:3px solid var(--color01);border-radius:8px}.task-LeftSide{display:flex;align-items:center;gap:8px}.todoapp__task-check{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;border:3px solid var(--color01);font-size:1.2rem}.todoapp__task-check i{pointer-events:none}.done{color:#9b9b98;text-decoration:line-through}.todoapp__input-container{display:flex;margin-bottom:1rem}#todoapp-addTask,#todoapp-editTask{width:100%;padding:8px;margin-right:1rem;border-bottom:3px solid var(--color01)}#button-Add,#button-Edit{padding:12px;border-radius:30% 70% 63% 37%/27% 32% 68% 73%;color:var(--colorwhite);background:var(--color01)}#edit-form{display:flex;flex-flow:column;align-items:center}.todoapp__button--cancel{display:flex;gap:4px}.footer{width:100%;padding:1rem;background-color:var(--color01);color:var(--colorwhite);text-align:center;position:absolute;bottom:0;left:0;font-size:.875rem}.footer p{margin:0}:root{--colorwhite: #f7f9fb;--colorblack: #2c3e50;--color01: #255b9b;--color02: #a4d8e1;--color03: #f1c40f;--defaultFont: "Roboto", sans-serif;--titleFont: "Montserrat", sans-serif}body{height:100vh;display:grid;place-items:center;font-family:var(--defaultFont);color:var(--colorblack);background:var(--colorwhite)}