body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#app,#app>div,body,html{background:#1a1a40;height:80%}body{-webkit-animation:fadeInAnimation 1s ease;animation:fadeInAnimation 1s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes fadeInAnimation{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}25%{opacity:0}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInAnimation{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}25%{opacity:0}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.App{background:#1a1a40;text-align:center}.todo-btn{background:#8758ff;border:none;color:#fff;cursor:pointer;padding:.55rem;transition:all .2s ease-in-out}.todo-btn:hover{background-color:#fff;color:#000;-webkit-transform:scale(1.1);transform:scale(1.1)}.todo-input{background:none;border:1px solid #8758ff;color:#fff;margin-bottom:2rem;margin-top:1rem;max-width:50%;outline:none;padding:.5rem 1rem;width:300px}.TodoWrapper{background:#1a1a40;border-radius:5px;margin-top:5rem;padding:2rem}.todo-input::-webkit-input-placeholder{color:#ffffff4d}.todo-input::placeholder{color:#ffffff4d}.Todo{align-items:center;background:#8758ff;border-radius:5px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.75rem 1rem}.Todo,.heading{color:#fff}.task-list{align-items:center;display:flex;flex-direction:column}.edit-task-input{border:none;border-radius:0;padding:10px}.task-container{-webkit-animation:fadeInAnimation 1s ease;animation:fadeInAnimation 1s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;border-radius:5px;margin-top:5rem;padding:2rem;width:40%}.task-name{color:#fff;font-size:20px}.task-btn{background-color:inherit;border:none;color:#fff;cursor:pointer;margin-left:10px;margin-right:10px;padding:.55rem;transition:all .2s ease-in-out;z-index:99}.task-btn:hover{-webkit-transform:scale(1.5);transform:scale(1.5)}@media (max-width:850px){.editing-container{align-items:center;display:flex;flex-direction:column}}
/*# sourceMappingURL=main.3bc43f77.css.map*/