*{box-sizing:border-box;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;margin:0;padding:0}.App{-webkit-backdrop-filter:blur(10000px);backdrop-filter:blur(10000px);border-radius:30px;display:flex;flex-direction:column;height:auto;justify-content:flex-start;margin:auto;padding-bottom:6rem;text-align:center;transition:all .1s ease;width:35%}.App,.App:hover{box-shadow:0 8px 32px rgba(43,42,42,.418)}.App:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px)}h1{color:#fff;font-size:24px;margin:32px 0}.complete{cursor:pointer;opacity:.4;text-decoration:line-through}#check{margin-right:1rem}.todo-form{margin-bottom:32px}.todo-input{background:transparent;border:2px solid #fd0;border-radius:4px 0 0 4px;color:#dee2e6;outline:none;padding:14px 32px 14px 16px;width:50%}.todo-input::-webkit-input-placeholder{color:#adb5bd}.todo-input:-ms-input-placeholder{color:#adb5bd}.todo-input::placeholder{color:#adb5bd}.todo-button{background:#f4a462;background:linear-gradient(270deg,#f4a462,#fffa5c);border:none;border-radius:0 4px 4px 0;color:#fff;cursor:pointer;outline:none;padding:16px;text-transform:capitalize}.todo-button:hover{background:linear-gradient(270deg,#f4a462 20%,#fffa5c 80%)}.todo-input.edit{border:2px solid #149fff}.todo-button.edit{background:linear-gradient(90deg,#149fff,#117aff);padding:16px 22px}.todo-row{align-items:center;background:linear-gradient(90deg,#ff7614 100%,#ff5411 0);border-radius:5px;color:#fff;cursor:pointer;display:flex;justify-content:space-between;margin:4px auto;padding:16px;width:70%}.todo-row:hover{background:linear-gradient(90deg,#ff8214,#ff6411)}.todo-row:nth-child(4n+1){background:#8611c0;background:linear-gradient(0deg,rgba(134,17,192,.8),#2272fc);background:-webkit-linear-gradient(0deg,rgba(134,17,192,.8),#2272fc)}.todo-row:nth-child(4n+1),.todo-row:nth-child(4n+1):hover{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#8711C1",endColorstr="#2472FC",GradientType=1)}.todo-row:nth-child(4n+1):hover{background:linear-gradient(0deg,rgba(139,0,209,.8),#1f71ff);background:-webkit-linear-gradient(0deg,rgba(139,0,209,.8),#1f71ff)}.todo-row:nth-child(4n+2){background:#ff930f;background:linear-gradient(90deg,#ff930f,#fffa5c);background:-webkit-linear-gradient(90deg,#ff930f,#fffa5c)}.todo-row:nth-child(4n+2),.todo-row:nth-child(4n+2):hover{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF930F",endColorstr="#FFF95B",GradientType=1)}.todo-row:nth-child(4n+2):hover{background:linear-gradient(90deg,#ff930f,#ffec5c);background:-webkit-linear-gradient(90deg,#ff930f,#ffec5c)}.todo-row:nth-child(4n+3){background:#0062ff;background:linear-gradient(90deg,#0062ff,#61efff);background:-webkit-linear-gradient(90deg,#0062ff,#61efff)}.todo-row:nth-child(4n+3),.todo-row:nth-child(4n+3):hover{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#0061FF",endColorstr="#60EFFF",GradientType=1)}.todo-row:nth-child(4n+3):hover{background:linear-gradient(90deg,#3381ff,#61efff);background:-webkit-linear-gradient(90deg,#3381ff,#61efff)}.icons{align-content:space-around;align-items:center;cursor:pointer;font-size:18px;position:relative}.delete-icon{color:red;margin-right:1px}.delete-icon:hover{font-size:20px}.edit-icon{color:#fff}.edit-icon:hover{font-size:20px}#root,body,html{height:100%}body,html{min-height:200vh}h3{display:flex;font-size:15px;justify-content:center;margin-left:auto;margin-right:auto;padding-top:3rem}span{font-size:25px}.dark-mode{background-color:#202020;color:#fff}.dark-mode,.light-mode{height:100%;transition:background-color .25s ease-in-out}.light-mode{background-color:#fbfefb;color:#000}.container{align-items:center;display:flex;justify-content:center}.switch{display:inline-block;height:34px;position:relative;width:60px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;bottom:4px;content:"";height:26px;left:4px;width:26px}input:checked+.slider{background:#f4a462;background:linear-gradient(270deg,#f4a462,#fffa5c)}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(26px);transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.switch-checkbox{padding:15px}::-webkit-scrollbar{background-color:#fff;border-radius:.5rem;width:.6rem}::-webkit-scrollbar-thumb{background:#f4a462;background:linear-gradient(0deg,#d29e83,#dedb7c);border-radius:.5rem}::-webkit-scrollbar-thumb:hover{background:#f4a462;background:linear-gradient(0deg,#f49262,#fffa5c);border-radius:.5rem}@media screen and (max-width:1100px){.App{width:90%}}
/*# sourceMappingURL=main.10012d57.css.map*/