*{margin:0;padding:0;box-sizing:border-box}form{width:500px;height:75px;margin:75px auto 0;display:flex;align-items:center;justify-content:center;padding:40px;border-radius:20px;box-shadow:0 0 10px #0000003f}.in{border:none;outline:none;width:75%;height:40px;padding:10px;font-size:larger}.btn1{border:none;width:25%;height:40px;background-color:#000;color:#fff;font-weight:700;font-size:larger}.hiddenul{padding:30px;visibility:hidden;width:500px;margin:40px auto auto;box-shadow:0 0 10px #0000003f;border-radius:10px}.visibleul{padding:30px;visibility:visible;width:500px;margin:40px auto auto;box-shadow:0 0 10px #0000003f;border-radius:10px}li{display:flex;justify-content:space-between;list-style:none;margin:20px;padding:10px;font-size:larger;box-shadow:0 0 10px #0000003b;border-radius:5px;background-color:#fff}.btn2{float:right;border:none;background-color:#000;color:#fff;margin:2px;padding:6px;border-radius:6px}.completed{text-decoration:line-through}.foot{width:100%;height:75px;background-color:#000;color:#fff;position:fixed;bottom:0;display:flex;align-items:center;justify-content:space-around;font-weight:bolder;font-size:x-large}h1{display:flex;align-items:center;justify-content:center;background-color:#000;height:70px;color:#fff}
