*{margin:0;padding:0}body{background-color:#333}.main-container{display:flex;justify-content:center;align-items:center;height:100vh}.center-container{height:500px;width:350px}.app-heading{padding:4px;color:#fff;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;text-transform:uppercase}.input-container{display:flex;justify-content:center;margin-bottom:10px}.input-box-todo{margin-left:10px;width:70%;height:40px;border-radius:14px;border:1px solid black;padding-left:10px;box-shadow:0 10px 20px #0000004d;outline:none;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;font-size:large}.add-btn{width:40px;height:40px;border-radius:50%;border:none;background-color:#316fc1;color:#fff;font-weight:bolder;font-size:larger;margin-left:10px;cursor:pointer;box-shadow:0 5px 10px #0b0a0a4d;transition:.3s}.add-btn:active{box-shadow:none}.list-container{display:flex;align-items:center;margin-top:5px}.list-item{list-style-type:none;border:2px solid rgb(161,158,158);color:#fff;padding:3px 3px 3px 5px;border-radius:5px;width:100%;height:30px;display:flex;align-items:center;position:relative;margin-top:10px}.icons{position:absolute;right:10px}.icons i{margin:4px;font-size:large;cursor:pointer;transition:.1s}.icons i:hover{transform:scale(1.2)}.icon-delete:hover{color:red}