body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{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}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--dark:#374151;--darker:#1f2937;--darkest:#111827;--grey:#6b7280;--pink:#ec4899;--purple:#8b5cf6;--light:#eee}*{margin:0;box-sizing:border-box;font-family:"Fira sans",sans-serif}body{min-height:100vh;background:#00d2ff;background:linear-gradient(90deg,#3a7bd5,#00d2ff);height:100%}body,header{display:flex;flex-direction:column}header{padding:2rem 1rem;max-width:800px;width:100%;margin:0 auto}header h1{font-size:2.5rem;font-weight:300;color:#fff;margin-bottom:1rem;text-align:center}#new-task-form{display:flex}button,input{-webkit-appearance:none;appearance:none;border:none;outline:none;background:none}#new-task-input{flex:1 1;background-color:#fff;padding:1rem;color:#000;font-size:1.25rem}#new-task-input:-ms-input-placeholder{color:#6b7280;color:var(--grey)}#new-task-input::placeholder{color:#6b7280;color:var(--grey)}#new-task-submit{color:#fff;font-size:1rem;font-weight:700;background-color:#3a7bd5;padding:20px;cursor:pointer;transition:.4s}#new-task-submit:hover{opacity:.8}#new-task-submit:active{opacity:.6}main{flex:1 1;max-width:800px;width:100%;margin:0 auto}.task-list{margin-top:3%}.task-list h2{font-size:1.5rem;font-weight:300;color:#fff;margin-bottom:1rem}#tasks .task{display:flex;justify-content:space-between;background-color:#3a7bd5;padding:1rem;box-shadow:1px .3px 2px 2px #fff;margin-bottom:1rem}.task .content{flex:1 1}.task .content .text{color:#fff;font-size:1.125rem;width:100%;display:block;transition:.4s}.task .content .text:not(:read-only){color:#fff}.task .actions{display:flex;margin:0 -.5rem}.task .actions button{cursor:pointer;margin:0 .5rem;font-size:1.125rem;font-weight:700;transition:.4s;color:#fff}.task .actions button:hover{opacity:.8}.task .actions button:active{opacity:.6}.task .actions .delete .edit{color:#fff!important}
/*# sourceMappingURL=main.65a711f5.chunk.css.map */