*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}.appBg{min-height:100vh;width:100vw;padding:1rem;background-image:linear-gradient(to top right,#3641d9,#1881be)}.appContainer{margin:auto;background-color:#ffffffb6;min-width:300px;max-width:500px;border-radius:.4rem;box-shadow:0 4px 6px #0000001a;padding:1rem}.appHeading{color:var(--primary-color);font-weight:900;font-style:italic;font-size:2.2rem;text-align:center;padding:.8rem}.appForm{display:flex;justify-content:space-between;margin:.6rem 0}.appInput{border:none;padding:.6rem;width:100%;font-size:1.25rem}.appButton{border:none;padding:1rem;margin-left:.5rem;background-color:var(--primary-color);color:#ffffffe0;cursor:pointer}.appButton:hover{opacity:.8}.appCount{text-align:center;padding:.5rem}.todoLi{display:flex;justify-content:space-between;background-color:var(--white-alpha7);padding:.6rem;margin:.3rem 0;text-transform:capitalize}.todoLiComplete{display:flex;justify-content:space-between;background-color:var(--white-alpha4);padding:.6rem;margin:.3rem 0;text-transform:capitalize}.todoRow{display:flex}.todoRow input{accent-color:var(--primary-color)}.todoText{cursor:pointer;margin-left:.5rem}.todoTextComplete{cursor:pointer;text-decoration:line-through;margin-left:.5rem}.todoDelete{cursor:pointer;border:none;background:none;color:var(--primary-color);opacity:.7}.todoDelete:hover{opacity:1}:root{--primary-font: system-ui;--primary-color: rgb(81, 29, 224);--white-alpha4: rgba(255, 255, 255, .4);--white-alpha7: rgba(255, 255, 255, .7)}#root{display:flex;justify-content:center;font-family:var(--primary-font);color:#222}