@import url(https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@400;700&display=swap);.TodoHead{grid-gap:2rem;display:grid;gap:2rem;max-width:700px;padding:0 1rem;place-items:center;width:100%}.TodoLogo{align-items:center;display:flex;gap:1rem;justify-content:space-between;width:100%}.TodoLogo h1{color:var(--Color-White);font-size:5rem}.TodoForm{display:grid;place-items:center;width:100%}.TodoSearch{background:var(--color-background-item);border:none;border-radius:.8rem;color:var(--color-text);font-size:1.6rem;height:64px;padding:1rem;text-align:center;width:100%}.TodoSearch::-webkit-input-placeholder{color:var(--color-text-complete);font-weight:700}.TodoSearch:-ms-input-placeholder{color:var(--color-text-complete);font-weight:700}.TodoSearch::placeholder{color:var(--color-text-complete);font-weight:700}.TodoSearch:focus{outline-color:#61dafa;outline-style:inset}.TodoSearch:disabled{opacity:25%}.TodoContainer{grid-gap:3rem;display:grid;gap:3rem;max-width:700px;padding:0 1rem;width:100%}.ModalBackground{background:rgba(32,35,41,.8);bottom:-10px;color:#fff;justify-content:center;left:-10px;position:fixed;right:-10px;top:-10px}.ModalBackground,.Todoform{align-items:center;display:flex}.Todoform{background-color:#fff;flex-direction:column;height:400px;justify-content:space-evenly;max-width:400px;padding:33px 40px;width:100%}label{font-weight:700;margin-bottom:26px}label,textarea{color:#1e1e1f;font-size:20px;text-align:center}textarea{background-color:#f9fbfc;border:2px solid #202329;border-radius:2px;box-shadow:0 5px 50px rgba(32,35,41,.25);height:96px;padding:12px;width:calc(100% - 25px)}textarea::-webkit-input-placeholder{color:#a5a5a5;font-family:Montserrat;font-weight:400}textarea:-ms-input-placeholder{color:#a5a5a5;font-family:Montserrat;font-weight:400}textarea::placeholder{color:#a5a5a5;font-family:Montserrat;font-weight:400}textarea:focus{outline-color:#61dafa}.TodoForm-buttonContainer{align-items:center;display:flex;justify-content:space-between;margin-top:14px;width:100%}.TodoForm-button{border:none;border-radius:2px;color:#202329;cursor:pointer;display:inline-block;font-family:Montserrat;font-size:20px;font-weight:400;height:48px;width:120px}.TodoForm-button--add{background:#61dafa;box-shadow:0 5px 25px rgba(97,218,250,.5)}.TodoForm-button--cancel{background:transparent}.CreateTodoButton{align-items:center;background-color:#61dafa;border:none;border-radius:50%;bottom:24px;box-shadow:0 5px 25px rgba(97,218,250,.5);color:#fafafa;cursor:pointer;display:flex;font-size:50px;font-weight:700;height:64px;justify-content:center;position:fixed;right:24px;-webkit-transform:rotate(0);transform:rotate(0);transition:.3s ease;width:64px;z-index:1}.CreateTodoButton:hover{-webkit-transform:rotate(224deg);transform:rotate(224deg)}.TodoLayout{grid-gap:3rem;background:url(/static/media/bg-desktop-dark.73e47dbb723ebc772ef0.jpg) no-repeat 50%;background-size:cover;gap:3rem;height:250px}.TodoControl,.TodoLayout{display:grid;place-items:center}.TodoControl{background-color:var(--color-background-item);height:90px}.TodoControlBox{align-items:center;color:var(--color-text-complete);display:flex;justify-content:space-evenly;width:100%}.TodoBtn{color:var(--color-text-hover)}.TodoBtn:hover{color:var(--color-text)}.Icon-container{align-items:center;cursor:pointer;display:flex;height:48px;justify-content:center;width:48px}.Icon-svg{height:24px;transition:fill .15s;width:24px}.Icon-container:hover .Icon-svg--check{fill:#4caf50}.Icon-container:hover .Icon-svg--delete{fill:#eb4032}.Icon-container:hover .Icon-svg--edit{fill:#ebba16}.TodoItem{align-items:center;background-color:var(--color-background-item);box-shadow:inset 0 -1px 0 0 var(--color-text-complete);display:flex;justify-content:center;position:relative}.TodoItem-p{color:var(--color-text);font-size:18px;margin:24px 0 24px 24px;width:calc(100% - 120px)}.TodoItem-p--complete{text-decoration:line-through}:root{--Color-White:#fff}.theme-1{--color-text:#484b6a;--color-text-hover:#9394a5;--color-text-complete:#9394a5;--color-background:#d2d3db;--color-background-item:#fafafa}.theme-2{--color-text:#fff;--color-text-hover:#e4e5f1;--color-text-complete:#777a92;--color-background:#161722;--color-background-item:#25273c}a,abbr,address,article,aside,audio,b,blockquote,body,button,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{background:transparent;border:none;font-size:100%;margin:0;outline:none;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}*,:after,:before{-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}html{-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:62.5%}body{text-rendering:optimizeLegibility;background-color:var(--color-background);color:var(--color-text);font-family:Josefin Sans,sans-serif;font-size:1.7rem;font-weight:400;height:100%;line-height:1.5;position:relative;width:100%}a,button{cursor:pointer}ul{list-style:none}img{height:100%;object-fit:cover;width:100%}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.5}h1{font-size:3rem}h2{font-size:2rem}span{font-size:1.7rem;font-weight:400;line-height:1.5}a{color:var(--green);text-decoration:none}a:focus{outline:none}a:active,a:hover{color:#3a7bfd;outline:none}
/*# sourceMappingURL=main.10a085e6.css.map*/