/* ========== Responsive ========== */

@media(max-width:500px){

.container{

    width:92%;
    padding:25px;

}

.weatherForm{

    flex-direction:column;

}

.weatherForm button{

    width:100%;

}

.temperature{

    font-size:4rem;

}

.details{

    grid-template-columns:1fr;

}
}