body{

background:#f4f4f4;
display:flex;
justify-content:center;
align-items:center;
height:100vh;
background-color: rgb(209, 254, 239);
}

.container{
background:white;
padding:20px;
width:350px;
border-radius:10px;
box-shadow:0 0 20px rgba(85, 247, 112, 0.2);
}

h2{
text-align:center;
}

.input-box{
display:flex;
gap:10px;
}

input{
flex:1;
padding:10px;
}

button{
padding:10px;
border:none;
background:#0c8567;
color:white;
cursor:pointer;
border-radius:5px;
}

ul{
list-style:none;
padding:0;
margin-top:20px;
}

li{
display:flex;
justify-content:space-between;
background:#eee;
padding:10px;
margin-bottom:10px;
border-radius:5px;
}