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}*{box-sizing:border-box;margin:0;padding:0}body,html{background:#fdc830;background:linear-gradient(90deg,#f37335,#fdc830);background-attachment:fixed;color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}h1{color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:25px;font-weight:700;margin:20px;text-align:center}.app-tasks{align-items:center;display:flex;flex-direction:column;justify-content:center}.logo-react img{height:15vw;margin:50px 20px;rotate:1.2s;width:15vw}.logo-react:hover img{background-color:#f5b400;background-repeat:no-repeat}.task-list-main{background:#ff5f6d;background:linear-gradient(90deg,#ffc371,#ff5f6d);background-repeat:no-repeat;border:2px dashed #fff;border-radius:25px;justify-content:center;margin:10px;min-height:500px;padding:25px;text-align:center;width:90%}.tasks-form{align-items:center;display:flex;flex-direction:row;justify-content:center}.tasks-input{background-color:#fff;border:2px solid #ff4500;border-radius:4px 0 0 4px;padding:14px 32px 14px 16px;width:90%}.tasks-button,.tasks-input{font-size:18px;outline:none}.tasks-button{background-color:#c24619;border:none;border-radius:0 4px 4px 0;color:#fff;cursor:pointer;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;padding:16px;text-transform:capitalize}.tasks-container{align-items:center;background-color:salmon;border:1px solid #fff;cursor:pointer;display:flex;justify-content:space-between;margin:5px 0;min-height:65px;padding:8px 15px 8px 20px;width:90%}.tasks-container:nth-child(3n+1){background-color:#ec8209}.tasks-container:nth-child(3n+2){background-color:#fb0}.tasks-container:nth-child(3n+3){background-color:orange}.tasks-text{align-items:center;display:flex;font-size:20px;height:100%;overflow-wrap:anywhere;width:100%}.tasks-icon{height:25px;margin:5px;width:25px}.tasks-container.complete{background-color:grey;text-decoration:line-through}.tasks-list-container{display:flex;flex-direction:column;justify-content:center;margin-top:15px}
/*# sourceMappingURL=main.f9f193ac.css.map*/