/*CSS for UV index ratings*/
.lowUV {
    background-color: rgb(0, 255, 21);
    border-radius: 3px;
    padding: 3px;
}
.medUV {
    background-color: #FFFF00;
    border-radius: 3px;
    padding: 3px;
}
.highUV{
    background-color: rgb(255, 0, 0);
    border-radius: 3px;
    padding: 3px;
}
/*Expands the search bar when no city has been search for yet*/
.noCity {
    width:100%;
}
/*Hides the city details card until a city has been searched for*/
#cityDetails {
    display:none;
}
/*Styles the forecast card*/
.forecastCard {
    margin-top: 5px;
    background-color: #007bff;
    color: white;
}