/*==============================================================
    WEATHER
==============================================================*/

.weather-page{

    padding:20px;

}


#weather-form{

    display:flex;

    gap:10px;

    margin-bottom:20px;

}


#weather-location{

    flex:1;

    padding:10px;

}


#weather-map{

    width:100%;

    height:400px;

    margin-top:20px;

}


#weather-forecast{

    margin-top:20px;

}


.weather-day{

    padding:10px;

    border:1px solid #ccc;

    margin-bottom:10px;

}