body{
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  display:flex;
  align-items: center;
  justify-content: center;
  background-color: rgb(105, 71, 27);
  margin:0;
  padding:0;
  height: 100vh;
}
.container{
  color: rgb(125, 84, 31);
  background-color:antiquewhite;
  padding: 20px;
  border-radius: 10px;
  width:400px;
}
h1{
  text-align: center;
}
.text-input{
  padding: 8px;
  border: 1.5px solid rgb(125, 84, 31);
  width: 80%; 
  border-radius: 4px;
}
button{
padding: 8px 15px;
background-color: rgb(125, 84, 31);
border: 1.5px solid;
border-radius: 5px;
color:antiquewhite;
cursor: pointer;
transition: .3s;
}
button:hover{
  background-color:antiquewhite;
  border: 1.5px solid rgb(125, 84, 31);
  color:rgb(125, 84, 31);
}
button:active{
padding: 8px 15px;
background-color: rgb(125, 84, 31);
border: 1.5px solid;
border-radius: 5px;
color:antiquewhite;
cursor: pointer;
transition: .3s;
}
ul{
  list-style: none;
  padding:0;
  margin-top:16px;
}
li{
  background-color:aliceblue;
  padding: 5px;
  margin-bottom: 8px;
  display:flex;
  align-items: center;
  justify-content: space-between;
  border:1.5px solid rgb(125, 84, 31);
  border-radius: 4px;
}
span{
  flex-grow:1;
  margin-left: 8px;;
}