*{margin:0;padding:0}:root{--bg: white;--cl: black;--br: rgba(0, 0, 0, .3);--td: #f2f3f4}@media (prefers-color-scheme: dark){:root{--bg: black;--cl: white;--br: rgba(255, 255, 255, .3);--td: #212F3D}}body{font-family:Montserrat,sans-serif;background-color:var(--bg);color:var(--cl)}.container{display:flex;position:relative;padding:20px;margin:20px;flex-wrap:wrap;border-radius:16px;box-shadow:0 0 16px 0 var(--br);margin-top:10vh}.btn{padding:16px 50px;border-radius:50px;border:none;color:#fff;font-size:15px;cursor:pointer;outline:none;background:gray;transition:all .2s ease;margin:15px;position:relative;font-family:inherit}.btn:after{position:absolute;content:"";background:inherit;width:100%;height:100%;transition:scale(.8);left:0;right:0;top:0;z-index:-1;filter:blur(15px);opacity:.7}.add-box,.updateBox{position:fixed;transform:translate(-50%,-50%);top:50%;left:50%;background:var(--bg);border-radius:8px;padding:5%;box-shadow:0 0 20px 0 var(--br);display:none}input[type=text]{padding:1.5rem;margin:1rem;outline:none;width:60%;border:1px solid black;font-size:1rem;border-radius:8px}#addClose,.updateBox button{position:absolute;top:0;right:0;background-color:red;padding:10px 16px;color:#fff;border:none;border-radius:8px;cursor:pointer;outline:none}a{position:relative}a:visited{color:#00f}.toast{position:fixed;background:#000000b3;transform:translate(-50%,-50%);left:50%;color:#fff;padding:16px;border-radius:8px;transition:all .2s ease;opacity:0;bottom:-20%}.todoItem{width:100%;padding:1rem;box-sizing:border-box;background-color:var(--td);margin-top:1rem;border-radius:8px;border:1px solid #c2c2c2;position:relative}.todoItem button{background-color:red;border:none;color:#fff;width:2rem;height:2rem;border-radius:50px;outline:none;position:absolute;right:.5rem;top:.5rem;cursor:pointer}#title,#count{font-weight:500}.delete-link-icon,.edit-link-icon{position:absolute;top:0;right:0;color:gray;border:none;width:20px;height:20px;cursor:pointer;display:flex;justify-content:center;align-items:center;font-size:12px;background-color:transparent;transition:all .2s ease}.delete-link-icon:hover{color:red}.edit-link-icon:hover{color:#000}