@import"https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&family=Roboto&family=Urbanist:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{margin:0;padding:0;box-sizing:border-box;background-color:#e0eef3;font-family:Roboto,sans-serif}.main-container{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}input{height:35px;width:165px;background-color:#fff;border-radius:5px;padding:10px;border:1px solid #ccc;margin-left:10px;margin-top:40px}li{margin-top:15px}.button{height:40px;padding:10px 20px;font-size:1rem;font-weight:600;letter-spacing:1px;border:none;border-radius:20px;cursor:pointer;transition:background-color .3s ease-in-out;margin:10px}.add-button{background-color:#4caf50;color:#fff}.add-button:hover{background-color:#45a049}.add-button:focus{outline:none;box-shadow:0 0 0 3px #0000001a}.add-button:active{transform:scale(.95)}.delete-button{background-color:#ff5722;color:#fff}.delete-button:hover{background-color:#e64a19}.delete-button:focus{outline:none;box-shadow:0 0 0 3px #0000001a}.delete-button:active{transform:scale(.95)}