@import url(https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@400;600;700&display=swap);:root{--Primery-color:#3a7bfd;--Check-Background:linear-gradient(#57ddff to #c058f3)}*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;-ms-user-select:none;user-select:none}body{font-size:18px;font-family:"Josefin Sans",sans-serif}::-webkit-scrollbar{background-color:#3a7bfd;background-color:var(--Primery-color);border-radius:25px;width:10px}.BackTheme_continer__ZHKzb{min-height:100vh;padding-bottom:25px}.BackTheme_continer__ZHKzb.BackTheme_dark__jvX5-{background-color:#161722}.BackTheme_continer__ZHKzb.BackTheme_light__2aTXj{background-color:#fff}.BackTheme_imgBox__26fwD{position:absolute;top:0;left:0;width:100%;height:40%}.BackTheme_imgBox__26fwD img{width:100%;height:100%;object-fit:cover}.BackTheme_TodoApp__noTr2{display:grid;grid-template-rows:150px 1fr;grid-template-columns:60%;justify-content:center;margin:140px auto 0}.BackTheme_thanksW__1M28I{color:#7f7f8d;font-weight:800;text-transform:capitalize;text-align:center;margin:38px 0;height:10vh;display:grid;align-items:end}@media (max-width:767px){.BackTheme_TodoApp__noTr2{grid-template-columns:90%}}.TodoForm_TodoForm__3R2AJ{width:100%;z-index:10;margin-bottom:-80px}.TodoForm_infoBox___qkQZ{display:flex;justify-content:space-between;align-items:center}.TodoForm_infoBox___qkQZ p{text-transform:uppercase;letter-spacing:5px;color:#fff;font-weight:800;font-size:30px}.TodoForm_infoBox___qkQZ img{cursor:pointer}#TodoForm_form__2u6nF{margin-top:25px;position:relative;display:flex}#TodoForm_form__2u6nF:before{content:"";position:absolute;left:0;top:0;width:25px;height:25px;border:2px solid #0d43af;border-radius:50%;top:50%;left:15px;transform:translateY(-50%)}#TodoForm_form__2u6nF input{width:100%;padding:20px 10px 20px 55px;border-radius:5px;outline:none;border:1px solid #53536b;color:#53536b;font-size:22px;caret-color:var(--Primery-color)}#TodoForm_form__2u6nF input.TodoForm_dark__rudPN{background-color:#25273c;color:#fff}#TodoForm_form__2u6nF button{position:relative;margin-left:-20px;width:70px;padding:20px 0;color:#fff;background-color:var(--Primery-color);outline:none;border:1px solid #53536b;font-size:22px;cursor:pointer}#TodoForm_form__2u6nF button:before{content:"";position:absolute;height:100%;width:15px;top:0;left:-15px;background-color:#0d43af}@media (max-width:330px){#TodoForm_form__2u6nF{flex-direction:column}#TodoForm_form__2u6nF button{width:100%;font-size:30px;padding:10px 0;margin:15px auto auto;border-radius:8px}#TodoForm_form__2u6nF:before,#TodoForm_form__2u6nF button:before{display:none}#TodoForm_form__2u6nF input{text-align:center;padding-left:0}}.TodoList_TodoList__XB3M4{width:100%;background-color:#fff;border-radius:10px;border:1px solid #53536b;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;overflow:hidden;box-shadow:0 10px 20px rgba(0,0,0,.3);z-index:10}.TodoList_TodoList__XB3M4 .TodoList_List__2cESL{display:flex;flex-direction:column-reverse}.TodoList_TodoList__XB3M4 .TodoList_List__2cESL article{border-bottom:1px solid #53536b;display:flex;justify-content:space-between;align-items:center;padding:20px 0;overflow-wrap:anywhere}.TodoList_TodoList__XB3M4 .TodoList_List__2cESL article .TodoList_checkBox__38CdP{display:block;width:25px;height:25px;border:2px solid #0d43af;border-radius:50%;margin-left:20px;overflow:hidden;cursor:pointer}.TodoList_TodoList__XB3M4 .TodoList_List__2cESL article .TodoList_checkBox__38CdP span{display:block;background-repeat:no-repeat;width:100%;height:100%;background-size:60%;background-position:50%;display:flex;justify-content:center;align-items:center}.TodoList_TodoList__XB3M4 .TodoList_List__2cESL article .TodoList_infoBox__RFF2L{width:75%}.TodoList_TodoList__XB3M4 .TodoList_List__2cESL article .TodoList_infoBox__RFF2L p{cursor:pointer;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.TodoList_TodoList__XB3M4 .TodoList_List__2cESL article .TodoList_delBtn__gmdOF{padding-right:20px}.TodoList_TodoList__XB3M4 .TodoList_List__2cESL article .TodoList_delBtn__gmdOF img{cursor:pointer}.TodoList_TodoList__XB3M4 .TodoList_List__2cESL article.TodoList_dark__JddkC{background-color:#25273c;color:#fff}.TodoList_TodoList__XB3M4 .TodoList_List__2cESL article.TodoList_check__j9ZSn .TodoList_checkBox__38CdP{background-image:linear-gradient(#57ddff,#c058f3)}.TodoList_TodoList__XB3M4 .TodoList_List__2cESL article.TodoList_check__j9ZSn .TodoList_checkBox__38CdP span{background-image:url(/static/media/icon-check.a8fb15d0.svg)}.TodoList_TodoList__XB3M4 .TodoList_List__2cESL article.TodoList_check__j9ZSn .TodoList_infoBox__RFF2L p{text-decoration:line-through;color:#8a8a91}.TodoList_TodoList__XB3M4 .TodoList_info__3k9Ga article{display:flex;justify-content:space-between;align-items:center;padding:10px;font-size:16px}.TodoList_TodoList__XB3M4 .TodoList_info__3k9Ga article ul{display:flex;justify-content:space-between;align-items:center;list-style:none;grid-gap:15px;gap:15px}.TodoList_TodoList__XB3M4 .TodoList_info__3k9Ga article :where(p,li a):not(p:first-of-type){color:#7e7e86;cursor:pointer;font-weight:600;text-decoration:none;transition:.3s}.TodoList_TodoList__XB3M4 .TodoList_info__3k9Ga article :last-child:hover,.TodoList_TodoList__XB3M4 .TodoList_info__3k9Ga article li a:hover{color:#565670}.TodoList_TodoList__XB3M4 .TodoList_info__3k9Ga article li a.TodoList_acctive__3xeeG{color:var(--Primery-color)}.TodoList_TodoList__XB3M4 .TodoList_info__3k9Ga article p:first-of-type{color:#7f7f8d}@media (max-width:990px){.TodoList_TodoList__XB3M4 .TodoList_info__3k9Ga article>p{display:none}.TodoList_TodoList__XB3M4 .TodoList_info__3k9Ga article{justify-content:center}.TodoList_TodoList__XB3M4 .TodoList_info__3k9Ga article ul{padding:7px 0}.TodoList_TodoList__XB3M4 .TodoList_List__2cESL article .TodoList_infoBox__RFF2L p{padding:0 10px}}
/*# sourceMappingURL=main.b1c95bd9.chunk.css.map */