*{margin:0;padding:0}body{background-color:#1a1a1a;font-family:Roboto,sans-serif}.main-container{align-items:center;display:flex;height:100vh;justify-content:center}.center-container{background-color:#2c2c2c;border-radius:15px;box-shadow:0 0 20px #ffffff1a;height:500px;padding:5%;width:350px}.app-heading{color:#fff;font-family:Arial,sans-serif;padding:10px;text-align:center;text-transform:uppercase}.input-container{display:flex;justify-content:center;margin-bottom:10px}.input-box-todo{background-color:#333;border:none;border-radius:20px;color:#fff;font-size:medium;height:40px;margin-left:10px;outline:none;padding:0 15px;transition:background-color .3s;width:70%}.input-box-todo:focus{background-color:#444}.add-btn{background-color:#316fc1;border:none;border-radius:50%;box-shadow:0 5px 10px #0b0a0a4d;color:#fff;cursor:pointer;font-size:larger;font-weight:700;height:40px;margin-left:10px;transition:.3s;width:40px}.add-btn:active{box-shadow:none}.list-container{margin-top:5px}.list-container,.list-item{align-items:center;display:flex}.list-item{border-bottom:2px solid #4d4d4d;border-radius:10px;color:#fff;height:50px;list-style-type:none;margin-top:10px;padding:3px;position:relative;width:100%}.icons{position:absolute;right:10px}.icons i{cursor:pointer;font-size:x-large;margin:4px;transition:transform .1s,color .1s}.icons i:hover{transform:scale(1.2)}.icon-delete:hover{color:#ff4d4d}
/*# sourceMappingURL=main.2ccdd8fc.css.map*/