body{
  font-family: Arial;
  background:#f0f2f5;
  text-align:center;
  }
  
  input{
  padding:10px;
  width:200px;
  border-radius:5px;
  border:1px solid #ccc;
  margin-top: 50px;
  }
  
  button{
  padding:10px;
  border:none;
  background:#007bff;
  color:white;
  border-radius:5px;
  cursor:pointer;
  }
  
  #weather{
  margin-top:20px;
  /* display:flex;
  justify-content:center; */
  width: 300px;
  border: 2px solid #ccc;
  margin-left: 40%;
  border-radius: 10px;
  background-color: skyblue;
  }
  
  .card{
  background:white;
  padding:20px;
  border-radius:10px;
  box-shadow:0 0 10px rgba(0,0,0,0.1);
  width:250px;
  }

  li{
    margin:5px;
    list-style:none;
    }
    
    .delete-btn{
    margin-left:10px;
    background:red;
    color:white;
    border:none;
    cursor:pointer;
    padding:2px 5px;
    border-radius:3px;
    }

  #temperature{
    color: rgb(255, 0, 64);
  }
  #humidity{
    color: blue;
  }
  #wind{
    color: green;
  }
  #rs{
    margin-top: 30px;
    margin-left: 40%;
    width: 300px;
    background-color: chartreuse;
    text-align: center;
    padding: 10px;
    border-radius: 10px;
  }