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}body{margin:0 auto;width:50%}.main{background-color:#ddd;border-radius:10px;box-shadow:0 5px 10px #ddd;margin-top:50px;padding:10px}header{text-align:center}header h1{color:#2c3e50;font-size:50px;font-weight:600}.form{align-items:center;display:flex;justify-content:center}.add-todo{background-color:#842029;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:20px;margin-right:10px;padding:5px 32px;text-align:center;text-decoration:none}.input{border:none;border-bottom:1px solid #842029;color:#842029;font-size:20px;outline:none;padding:5px;width:100%}.task{background-color:#842029;border-radius:5px;cursor:pointer;margin:5px;overflow-x:hidden;padding:15px}.task span{color:#fff}.icon{float:right;margin-right:20px}article{display:grid}.edit-todo{background-color:initial;border:none;border-bottom:1px solid #fff;color:#fff;font-size:16px;outline:none;width:85%}@media screen and (max-width:1200px){header h1{font-size:50px;font-weight:600}}@media screen and (max-width:1024px){header h1{font-size:45px;font-weight:600}}@media screen and (max-width:992px){header h1{font-size:42px;font-weight:600}}@media screen and (max-width:768px){header h1{font-size:33px;font-weight:600}}@media screen and (max-width:600px){body{width:90%}header h1{font-size:20px;font-weight:600}}@media only screen and (max-width:600px) and (min-width:320px){body{width:90%}header h1{font-size:20px;font-weight:600}}
/*# sourceMappingURL=main.aace6398.css.map*/