body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
}

.weather-city {
    margin-bottom: 10px;
    color: #ffffff;
    background: #7B68EE;
    margin-top: 10px;
    border-radius: 5px;
}

h2{
    font-size: 27px !important;
    color: indigo;
    text-align: left !important;
    margin-left: -16px;
}

.btn{
    color :#ffffff !important;
    background: #4B0082 !important;
    width: 250px;
}
.weater-top{
    
}

.weather-icon {
    font-size: 24px;
    margin-right: 10px;
}

/* Définition des couleurs en fonction de la température */
.hot { color: #ff000078; } /* Rouge pour les températures élevées */
.cold { color: #3366ccab; } /* Bleu pour les températures basses */
.midel { color: #ffc10782; } /* Vert pour les températures moyennes */