body{margin:0;padding:0;background:#4a4e69;color:#f2e9e4;font-family:"Montserrat",Arial,Helvetica,sans-serif}#root{margin:0 24px;position:relative;min-height:100vh}.TodoCounter{margin:0;padding:48px}.TodoCounter,.TodoSearch{font-size:24px;text-align:center}.TodoSearch{background:#f9fbfc;border-radius:2px;border:2px solid #202329;margin:0 24px;height:64px;width:calc(100% - 62px);font-family:"Montserrat";font-weight:400;color:#1e1e1f;box-shadow:0 5px 50px rgba(32,35,41,.25)}.TodoSearch::-webkit-input-placeholder{color:#a5a5a5;font-family:"Montserrat";font-weight:400}.TodoSearch:-ms-input-placeholder{color:#a5a5a5;font-family:"Montserrat";font-weight:400}.TodoSearch::placeholder{color:#a5a5a5;font-family:"Montserrat";font-weight:400}.TodoSearch:focus{outline-color:#61dafa}ul{margin:0;padding:0 0 56px;list-style:none}.todolist,ul{width:100%}.loaderContent,.TodoItem{display:flex}.TodoItem{border:1.5px solid #f2e9e4;border-radius:12px;position:relative;justify-content:center;align-items:center;margin-top:24px;box-shadow:0 2px 4px 0 #3e3a38}.TodoItem-p{margin:24px 0 24px 24px;width:calc(100% - 120px);font-size:18px;line-height:24px;font-weight:400}.TodoItem-p--complete{text-decoration:line-through}.Icon{cursor:pointer;display:flex;justify-content:center;align-items:center;height:48px;width:48px;font-size:24px;font-weight:700}.TodoItem svg{width:25px;height:25px}.Icon-check{position:absolute;left:12px;border-radius:50%;width:30px;height:30px;display:flex;justify-content:center;align-items:center;border:1px solid #4caf50}.Icon-check:hover{-webkit-transform:scale(1.2);transform:scale(1.2);cursor:pointer}.Icon-check--active{color:#eff0ef;font-size:25px;font-weight:800;background:#4caf50}.Icon-delete{position:absolute;right:0}.Icon-delete:hover{color:red;-webkit-transform:scale(1.2);transform:scale(1.2)}.flip-in-hor-bottom{-webkit-animation:flip-in-hor-bottom .5s cubic-bezier(.25,.46,.45,.94) both;animation:flip-in-hor-bottom .5s cubic-bezier(.25,.46,.45,.94) both}@-webkit-keyframes flip-in-hor-bottom{0%{-webkit-transform:rotateX(80deg);transform:rotateX(80deg);opacity:0}to{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}@keyframes flip-in-hor-bottom{0%{-webkit-transform:rotateX(80deg);transform:rotateX(80deg);opacity:0}to{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}.CreateTodoButton{background-color:#61dafa;box-shadow:0 5px 25px rgba(97,218,250,.5);border:none;border-radius:50%;cursor:pointer;font-size:50px;position:fixed;bottom:24px;right:24px;font-weight:700;color:#fafafa;display:flex;justify-content:center;align-items:center;height:64px;width:64px;z-index:1;-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}.scale-in-right{-webkit-animation:scale-in-right .5s cubic-bezier(.25,.46,.45,.94) both;animation:scale-in-right .5s cubic-bezier(.25,.46,.45,.94) both}@-webkit-keyframes scale-in-right{0%{-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:100% 50%;transform-origin:100% 50%;opacity:1}to{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:100% 50%;transform-origin:100% 50%;opacity:1}}@keyframes scale-in-right{0%{-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:100% 50%;transform-origin:100% 50%;opacity:1}to{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:100% 50%;transform-origin:100% 50%;opacity:1}}.form{background-color:#4a4e69;color:#f2e9e4;width:50%;height:50%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}@media(max-width:768px){.form{width:80%}}textarea{border:2px solid #f2e9e4;border-radius:8px;width:50%;height:50%;font-size:20px;font-weight:600;padding:8px}.butttons{width:100%;display:flex;justify-content:center}button{padding:8px;border:3px solid #f2e9e4;border-radius:8px;background-color:transparent;color:#f2e9e4;font-size:16px;margin:0 8px}button:hover{background-color:#f2e9e4;color:#4a4e69;cursor:pointer}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.lds-spinner{color:official;display:inline-block;position:relative;width:80px;height:80px}.lds-spinner div{-webkit-transform-origin:40px 40px;transform-origin:40px 40px;-webkit-animation:lds-spinner 1.2s linear infinite;animation:lds-spinner 1.2s linear infinite}.lds-spinner div:after{content:" ";display:block;position:absolute;top:3px;left:37px;width:6px;height:18px;border-radius:20%;background:#fff}.lds-spinner div:first-child{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.lds-spinner div:nth-child(2){-webkit-transform:rotate(30deg);transform:rotate(30deg);-webkit-animation-delay:-1s;animation-delay:-1s}.lds-spinner div:nth-child(3){-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-delay:-.9s;animation-delay:-.9s}.lds-spinner div:nth-child(4){-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-animation-delay:-.8s;animation-delay:-.8s}.lds-spinner div:nth-child(5){-webkit-transform:rotate(120deg);transform:rotate(120deg);-webkit-animation-delay:-.7s;animation-delay:-.7s}.lds-spinner div:nth-child(6){-webkit-transform:rotate(150deg);transform:rotate(150deg);-webkit-animation-delay:-.6s;animation-delay:-.6s}.lds-spinner div:nth-child(7){-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-animation-delay:-.5s;animation-delay:-.5s}.lds-spinner div:nth-child(8){-webkit-transform:rotate(210deg);transform:rotate(210deg);-webkit-animation-delay:-.4s;animation-delay:-.4s}.lds-spinner div:nth-child(9){-webkit-transform:rotate(240deg);transform:rotate(240deg);-webkit-animation-delay:-.3s;animation-delay:-.3s}.lds-spinner div:nth-child(10){-webkit-transform:rotate(270deg);transform:rotate(270deg);-webkit-animation-delay:-.2s;animation-delay:-.2s}.lds-spinner div:nth-child(11){-webkit-transform:rotate(300deg);transform:rotate(300deg);-webkit-animation-delay:-.1s;animation-delay:-.1s}.lds-spinner div:nth-child(12){-webkit-transform:rotate(330deg);transform:rotate(330deg);-webkit-animation-delay:0s;animation-delay:0s}@-webkit-keyframes lds-spinner{0%{opacity:1}to{opacity:0}}@keyframes lds-spinner{0%{opacity:1}to{opacity:0}}.loaderContent{width:100%;justify-content:center}
/*# sourceMappingURL=main.daef15ac.chunk.css.map */