:root{font-family:Inter,system-ui,sans-serif;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}.container{display:flex;flex-direction:column;align-items:center;margin:0 auto}.input__field{display:flex;gap:5px}.header{font-weight:300;color:#ffffffb3}.input{outline:none;border:1px solid rgba(255,255,255,.1);padding:10px;border-radius:10px;background-color:#1b1b1b;color:#ffffffb3}.add_btn{border:none;background-color:#ffffff1a;color:#ffffffb3;cursor:pointer;border-radius:7px;transition:.1s ease-in-out}.add_btn:hover{background-color:#fff3}.list{margin:15px 0;padding:0;list-style-type:none;color:#fffc}.delete_btn{background:none;border:none;cursor:pointer}