.container {
    padding: 20px;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}
  
.header {
    padding: 15px;
    text-align: center;
}
  
.search-col {
    padding: 15px;
    text-align: left;
}

.weather-icon {
    display: block;
    float: right;
}
  
.current-weather {
    padding: 15px;
    display: block;
    text-align: left;
}

.fiveDayForecast {
    padding: 5px;
    text-align: left;
    border-radius: 5px;
    float: left;
}

ul {
    list-style: none;
    padding: 5px;
    border: solid, lightgray;
}

.card {
    float: left;
    padding: 3px;
    background-color: rgb(153, 197, 253);
    margin-right: 5px;
}

.fiveDayIcon{
    height: 100px;
    width: 100px;
}

#search-col {
    border-right-style: solid;
    border-color: gray;
    margin-right: 20px;
}