*{box-sizing:border-box}body{margin:0;padding:0;height:100vh;font-family:Parkinsans,sans-serif;font-optical-sizing:auto;font-weight:weight;font-style:normal;background-color:#e0ffff}.container{margin:0;background-color:#90ee90;padding:0 0 20px}.top{background-color:#ffa07a;width:100%;padding:20px}.top p{font-style:italic}.taskbar{margin:30px 20px}.taskbar input{font-family:Parkinsans,sans-serif;font-optical-sizing:auto;font-weight:weight;font-style:normal;width:80%;display:flex;flex-direction:column;border:1px solid black;margin:10px 0;padding:10px;border-radius:20px;height:50px;align-items:center}input::placeholder{font-family:Parkinsans,sans-serif;font-optical-sizing:auto;font-weight:weight;font-style:normal}button{font-family:Parkinsans,sans-serif;font-optical-sizing:auto;font-weight:weight;font-style:normal;border-radius:5px;border:0px;height:35px;display:flex;align-items:center;justify-content:center;padding:12px;background-color:#20b2aa;color:#e0ffff}button:hover{cursor:pointer}button:active{background-color:#e0ffff;color:#20b2aa}.mytask{margin:0 20px}.mytask ul{padding:0}.mytask ul li{display:flex;margin:20px 0;align-items:center}.mytask ul .ed{margin:0 5px 0 10px}.mytask ul .del{margin:0 10px 0 5px}.mytask ul .task{width:80%;border:2px solid rgb(71,250,71);padding:10px;background-color:#dbf9db;border-radius:20px;display:flex;align-items:center;height:40px;color:gray;text-decoration:line-through}.mytask ul .done{width:80%;border:2px solid red;padding:10px;background-color:#ffebeb;border-radius:20px;display:flex;align-items:center;height:40px}.null{font-style:italic;color:green;margin:30px}