*{box-sizing:border-box}*,body{margin:0}body{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;background:#333;min-height:100vh;color:#fff}.heading{font-family:cursive;text-decoration:underline;background-color:teal;color:#eee;padding:5px 0}.clock{padding:15px;font-size:1.2rem}.todoInput,.todoList{width:60%;padding:10px 0;margin:auto}.todoInput input{width:90%;height:2rem;font-size:1.2rem;border-radius:4px;padding:5px 15px;outline:none;border:none;-webkit-transition:all .5s ease-out;transition:all .5s ease-out}.todoInput input:focus{width:100%;height:2.5rem;border:3px solid teal;font-size:1.2rem;color:teal}.todoList li{background:#222;min-height:3rem;margin:.5rem;font-size:1.2rem;padding:.5rem;border-radius:4px;list-style:none;text-align:left;position:relative;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.todoList li span:first-child{color:teal;font-weight:700;padding-right:.6rem}.todoList li span:nth-child(3){color:teal;font-weight:700;margin-right:1rem;position:absolute;right:0}.todoList li span:nth-child(3):hover{color:red}.todoList li:hover{background:rgba(34,34,34,.5);font-size:1.2rem;cursor:pointer}.footer{position:absolute;bottom:0;right:0;left:0;color:teal;text-align:center;padding:15px}@media screen and (max-width:420px){.todoList li{margin:1rem .5rem}.todoInput,.todoList{width:80%}}
/*# sourceMappingURL=main.982f0420.chunk.css.map */