*{box-sizing:border-box;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;margin:0;padding:0}body{background:linear-gradient(90deg,#015dd6,#0116cc)}h1{color:bisque;font-size:24px;margin:32px 0}.complete{opacity:.5}.complete div .todo-check{color:green}.todo-app{background:#000c41;background:linear-gradient(45deg,#46495a,#100138);border-radius:10px;display:flex;flex-direction:column;justify-content:start;margin:50px auto;min-height:600px;padding-bottom:32px;text-align:center;width:520px}.todo-form{margin-bottom:32px}.todo-input{background:transparent;border:2px solid #850058;border-radius:4px 0 0 4px;color:#fff;outline:none;padding:14px 32px 14px 16px;width:320px}.todo-input::-webkit-input-placeholder{color:#e2e2e2}.todo-input:-ms-input-placeholder{color:#e2e2e2}.todo-input::placeholder{color:#e2e2e2}.todo-button{background:linear-gradient(90deg,#850058,#200175);border:none;border-radius:0 4px 4px 0;color:#fff;cursor:pointer;outline:none;padding:16px;text-transform:capitalize}.todo-container{flex-direction:row}.todo-container,.todo-row{display:flex;position:relative}.todo-row{align-items:center;background:linear-gradient(90deg,#02b6ce,#36f0f7);border-radius:5px;color:#fff;justify-content:space-between;margin:4px auto;padding:16px;width:90%}.todo-row:nth-child(4n+1){background:linear-gradient(90deg,#cc01a0,#ec3d9e)}.todo-row:nth-child(4n+2){background:linear-gradient(90deg,#b3560f,#ffac4e)}.todo-row:nth-child(4n+3){background:linear-gradient(90deg,#1405a0,#4649ff)}.todo-row-enter{-webkit-transform:scale(0);transform:scale(0)}.todo-row-enter-active{-webkit-transform:scale(1);transform:scale(1);transition:all .5s ease-in}.todo-row-exit{opacity:1}.todo-row-exit-active{-webkit-transform:scale(0);transform:scale(0);transition:all .5s ease-in}.todo-check{color:#000;cursor:pointer;font-size:35px;position:absolute;top:0;z-index:10}.todo-name{margin:0 0 0 35px}.icons{align-items:center;cursor:pointer;display:flex;font-size:24px}.delete-icon{color:#fff;margin-right:5px}.edit-icon{color:#fff}
/*# sourceMappingURL=main.36dfde10.css.map*/