body{background-image:url(/static/media/34095.aa2b3442c15d5af27bfc.png);font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@-webkit-keyframes slide-in-elliptic-top-fwd{0%{opacity:0;-webkit-transform:translateY(-600px) rotateX(-30deg) scale(0);transform:translateY(-600px) rotateX(-30deg) scale(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}to{opacity:1;-webkit-transform:translateY(0) rotateX(0) scale(1);transform:translateY(0) rotateX(0) scale(1);-webkit-transform-origin:50% 1400px;transform-origin:50% 1400px}}@keyframes slide-in-elliptic-top-fwd{0%{opacity:0;-webkit-transform:translateY(-600px) rotateX(-30deg) scale(0);transform:translateY(-600px) rotateX(-30deg) scale(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}to{opacity:1;-webkit-transform:translateY(0) rotateX(0) scale(1);transform:translateY(0) rotateX(0) scale(1);-webkit-transform-origin:50% 1400px;transform-origin:50% 1400px}}.todoContainer{display:flex;flex-direction:column;margin:100px auto;width:500px}.todoCreateForm{display:flex;gap:5px}.todoInput{border:1px solid #999;border-radius:3px;flex-grow:1;padding:10px;width:100%}.buttonCreate{-webkit-animation:roll-in-right .6s ease-out both;animation:roll-in-right .6s ease-out both;background-color:#1a4ca9;border:1px solid #d3d2d2;border-radius:3px;color:#fff;padding:10 px 20px}.todosContainer{display:flex;flex-direction:column;gap:5px;margin-top:10px}.todo{background-color:#fff;padding:10px}.todoTitle{color:#b9b3a9;flex:1 1;font-size:20px}.todoInfo,.todoUpdateForm{align-items:center;display:flex;gap:5px}.button{background-color:#487add}.button,.buttonDelete{border:none;border-radius:3px;color:#fff;padding:10px 20px}.buttonDelete{background-color:#a91a1a}.todo{background-color:#2c3032}@-webkit-keyframes roll-in-right{0%{opacity:0;-webkit-transform:translateX(800px) rotate(540deg);transform:translateX(800px) rotate(540deg)}to{opacity:1;-webkit-transform:translateX(0) rotate(0deg);transform:translateX(0) rotate(0deg)}}@keyframes roll-in-right{0%{opacity:0;-webkit-transform:translateX(800px) rotate(540deg);transform:translateX(800px) rotate(540deg)}to{opacity:1;-webkit-transform:translateX(0) rotate(0deg);transform:translateX(0) rotate(0deg)}}
/*# sourceMappingURL=main.3307f4d8.css.map*/