body {
        font-family: Arial, sans-serif;
       background: linear-gradient(109.6deg, rgba(0, 0, 0, 0.93) 11.2%, rgb(63, 61, 61) 78.9%);
        margin: 0;
        padding: 20px;
    }

    .container-1 {
        max-width: 600px;
        margin: 60px auto;
        padding: 30px;
        background: linear-gradient(-225deg, #E3FDF5 0%, #FFE6FA 100%);
        border-radius: 10px;
        box-shadow: 10 10px 10px rgba(0, 0, 0, 0.4);
    }

    select{
        display:block;
        width:100%;
        font-size:14px;
        padding:10px;
        border-radius: 4px;
        padding: 10px;
    }
    h2{
        margin:0;
        font-size: 20px;
    }

    .date{
        opacity: 0.9;
    }

    .city {
        display:flex;
        justify-content: space-between;
        margin: 20px 0;
        justify-content: space-between;
        padding:20px 0;
        border-bottom: 1px dashed rgba(0, 0, 0, 0.4);
    }

    .time {
        font-size: 26px;
        font-weight: bold;
    }

    .time small {
         font-size: 18px;
         vertical-align: middle;
         line-height: 30px;}
        

    h1{
        font-size: 2rem;
        text-align: center;
        padding: auto;
        color: #000000;
        margin-top: 20px;
    }
    footer {
        text-align: center;
        font-size: 1rem;
        color: #666;
        margin-top: 20px;
    }
    .input-container {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 1rem 0;
  justify-content: center;
}

#city, #search-city, #search-button {
  padding: 0.5rem;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 1rem;
}

#search-city {
  flex: 1 1 200px;
  min-width: 180px;
}

#search-button {
  background-color: #4f46e5;
  color: white;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

#search-button:hover {
  background-color: #3730a3;
}



#recent-searches-container {
  margin-top: 2rem;
  text-align: center;
}

#recent-searches {
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75rem;
}

#recent-searches li {
  background-color: #f3f4f6;
  padding: 0.5rem 1rem;
  border-radius: 20px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

#recent-searches li:hover {
  background-color: #e0e7ff;
}