*{margin:0;padding:0}h1{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:50px;font-weight:bolder}.todo-div{background-color:#f7f7f7e5;padding-top:10px}.todo-div input{border:none;border-radius:5px;box-shadow:0 0 5px #000;outline:none;transition:all;transition-duration:.5s;width:75%}.todo-div input:hover{box-shadow:0 0 10px #000}.todo-div button{background-color:#fff;border:none;border-radius:5px;box-shadow:0 0 5px #000;font-weight:700;height:33px;letter-spacing:.6px;margin-left:10px;outline:none;transition:all;transition-duration:.5s;width:100px}.todo-div button:hover{background-color:#292b2c;color:#f7f7f7e5;letter-spacing:0}@media screen and (max-width:463px){.todo-div button{background-color:#292b2c;color:#fff;margin-left:0;margin-top:10px;width:75%}.todo-div ul{margin-top:20px}.todo-div ul li{grid-template-columns:5% 80% 5% 5% 5%}.todo-div ul li i{left:30px;position:relative}.li_span{width:160px}}.todo-div ul{list-style:none;padding:10px 0}.todo-div ul li{align-items:center;display:grid;grid-template-columns:20% 35% 10% 10% 10%;width:100%}.todo-div ul li i{cursor:pointer;margin-left:100%;position:relative;transition:all;transition-duration:.2s}.todo-div ul li i:hover{color:red}
/*# sourceMappingURL=main.2e375779.css.map*/