body{margin:0;padding:0;background:#3049d5;background:radial-gradient(circle,rgba(48,73,213,.9962359943977591) 5%,#060813 100%);color:#1e1e1f;font-family:Montserrat,Arial,Helvetica,sans-serif}#root{margin:0 24px;position:relative;min-height:100vh}p{color:#0ff}.TodoCounter{font-size:24px;text-align:center;background:#309ed5;background:radial-gradient(circle,#309ed5 70%,#0f163d 100%);border:none}.container-TodoSearch{width:calc(100% - 62px);margin:50px;position:relative;display:flex;justify-content:center;align-items:center;flex-wrap:nowrap}.TodoSearch{width:calc(100% - 50px);margin:30px auto;padding:0 10px;box-shadow:0 5px 50px rgba(238,236,238,.25);font-size:24px;text-align:center;font-family:Montserrat;font-weight:400;color:#1e1e1f}.TodoSearch,.TodoSearch__button{height:30px;position:absolute;border-radius:50px;border:none}.TodoSearch__button{right:15px;outline:none;background-color:initial}.TodoSearch:hover{background-color:#83e091;transition:all .5s ease-in-out}.TodoSearch__button:hover{background-color:#6495ed;transition:all .5s ease-in-out}.TodoSearch:focus{outline-color:#61dafa}.p--search{color:#f5f5f5}ul{margin:0;padding:0 0 56px;list-style:none}.TodoItem{width:calc(100% - 50px);margin:24px auto;position:relative;background:#3bbcfd;box-shadow:0 5px 50px rgba(13,87,235,.15);border-radius:5px 13px 5px;display:flex;justify-content:center;align-items:center;flex-wrap:nowrap}.TodoItem:hover{box-shadow:5px 7px 7px #86e7b1}.TodoItem-p{margin:20px;width:calc(100% - 120px);color:#403e06;font-size:20px;line-height:20px;font-weight:600}.TodoItem-p--complete{text-decoration:line-through;color:#73015a;font-weight:700}.Icon{cursor:pointer;display:flex;justify-content:center;align-items:center;height:48px;width:48px;font-size:24px;font-weight:700}.Icon-check{position:absolute;left:12px}.Icon-check--active{color:#4caf50}.Icon-delete{position:absolute;right:0}.Icon-delete:hover{color:red}.TodoItem--input{cursor:pointer;background-color:initial;background-image:url(/TODO-appIntro-react/static/media/check2.6e0e9826.png);background-repeat:no-repeat;background-size:contain;position:absolute;left:2px;width:50px;height:50px;border-radius:5px 13px 5px;-webkit-appearance:none;appearance:none}.TodoItem--input:hover{background-color:#49dc1c;transition:background-color .5s ease-in}.TodoItem--input:checked{background-image:url(/TODO-appIntro-react/static/media/checked2.8792590e.png);background-color:#73015a;transition:background-color .5s ease-in-out}form{width:90%;max-width:300px;background:#3049d5;background:radial-gradient(circle,rgba(16,47,225,.996) 5%,#171f4c 100%);border-radius:30px;padding:20px 30px;display:flex;align-content:center;flex-direction:column}label{font-weight:700;font-size:22px;margin-bottom:26px;color:#acff8d}label,textarea{text-align:center}textarea{background-color:#f9fbfc;border:2px solid #202329;border-radius:20px;box-shadow:0 5px 50px rgba(32,35,41,.25);color:#1e1e1f;font-size:20px;padding:12px;height:96px;width:calc(100% - 25px)}textarea::-webkit-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{margin-top:14px;display:flex;justify-content:space-between;align-items:center;width:100%}.TodoForm-button{cursor:pointer;display:inline-block;margin-left:10px;margin-top:10px;font-size:20px;color:#b3072c;font-weight:600;width:120px;height:48px;border-radius:30px;border:none;font-family:Montserrat}.TodoForm-button:hover{color:#78031a;background-color:#ffd176;transition:background .3s ease-in}.TodoForm-button-add{background-color:#61dafa;box-shadow:0 5px 25px rgba(97,218,250,.5)}.TodoForm-button-cancel{background:transparent}.CreateTodoButton{background:#f285ff;background:linear-gradient(265deg,rgba(242,133,255,.7525385154061625) 29%,#41d1ff 95%);box-shadow:0 5px 25px rgba(97,218,250,.5);border:none;border-radius:50%;cursor:pointer;font-size:50px;position:fixed;z-index:1;bottom:24px;right:24px;font-weight:700;color:#fafafa;display:flex;justify-content:center;align-items:center;height:64px;width:64px;-webkit-transform:rotate(0);transform:rotate(0);transition:.3s ease}.CreateTodoButton:hover{-webkit-transform:rotate(224deg);transform:rotate(224deg)}.ModalBackground{background:rgba(32,35,41,.8);position:fixed;top:-10px;left:-10px;right:-10px;bottom:-10px;display:flex;justify-content:center;align-items:center;color:#fff}.container--error{width:calc(100% - 30px);height:calc(100vh + 30px);display:flex;flex-direction:column;align-items:center}.error--text{width:100%;margin-bottom:20px;text-align:center;font-size:2.5rem}#error--img{width:250px;background:transparent}.container--loading{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center}.container--loading__img{width:200px;background:transparent;margin-bottom:30px}.container--loading__text{height:auto;margin:0 auto}.container--loading__text,.container-empty{width:calc(100% - 30px);text-align:center;font-size:2.5rem}.container-empty{height:100vh;display:flex;flex-direction:column;align-items:center}#container-empty__img{width:200px}
/*# sourceMappingURL=main.4cd52d0a.chunk.css.map */