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}:root{--primaryColor:#b797c4;--secondaryColor:#e5bdf6;--btnColor:#eedad1;--mainBlack:#222;--mainWhite:#fff;--offWhite:#faf9f6;--lightGrey:#d8dede;--darkGrey:#afafaf;--mainTransition:all 0.3s linear;--mainSpacing:0.2rem}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(90deg,#d8dede,#e5bdf6 74%);background:linear-gradient(90deg,var(--lightGrey) 0,var(--secondaryColor) 74%);font-family:Raleway,sans-serif}h1,h2,h3{letter-spacing:.2rem;letter-spacing:var(--mainSpacing);text-transform:capitalize}h1{color:#222;color:var(--mainBlack);font-size:1.8rem;padding:2rem 0}p{font-size:.7rem;font-weight:300;line-height:2}.todo-app{background:#faf9f6;background:var(--offWhite);border-radius:.8rem;display:flex;flex-direction:column;justify-content:flex-start;margin:8rem auto;min-height:35rem;padding-bottom:2rem;text-align:center;width:35rem}.todo-form{margin-bottom:2rem}.submit-button,.todo-button,.todo-input{border:transparent;font-size:1rem;letter-spacing:.2rem;letter-spacing:var(--mainSpacing);outline:none;padding:.75rem .7rem}.todo-input{background:#e5bdf6;background:var(--secondaryColor);border-radius:4px 0 0 4px;width:340px}.submit-button,.todo-button{background:#eedad1;background:var(--btnColor);border-radius:0 4px 4px 0;color:#222;color:var(--mainBlack);cursor:pointer;margin-left:.5rem;transition:all .3s linear;transition:var(--mainTransition)}.submit-button{margin-left:0}.todo-button:hover{background:#222;background:var(--mainBlack);color:#afafaf;color:var(--darkGrey)}.todo-container{background:linear-gradient(315deg,#fad0c4,#f1a7f1 74%);border-radius:.8rem;display:flex;justify-content:space-between;margin:1rem auto;padding:1.2rem;width:82%}.todo-container:nth-child(4n+1){background:linear-gradient(90deg,#d5adc8,#ff8489 74%)}.todo-container:nth-child(4n+2){background:linear-gradient(315deg,#ffd9de,#e99ba6 74%)}.todo-container:nth-child(4n+3){background:linear-gradient(90deg,#ebbe9b,#e7a977 74%)}.todo-content{font-size:1.2rem;letter-spacing:var(--mainSpacing);text-transform:capitalize}.todo-buttons{align-items:center;cursor:pointer;display:flex;font-size:1.5rem}.btn-check{color:green;margin-right:.5rem}.btn-delete{color:red}.complete{opacity:.4;text-decoration:line-through}
/*# sourceMappingURL=main.eb21ad19.css.map*/