body{
    text-align: center;
    background-color: rgba(243, 188, 115, 0.39);
    background-image: url('./backGroundRain.jpg');
    background-size: cover;
    
}
h1{
    color: rgb(234, 235, 197);
    text-shadow: 2px 2px #1d1c1c;
}
header p{
    font-family: tahoma;
    font-size: 20px;
    color:white;
    text-shadow: 2px 2px #1d1c1c;
}
input{
    width: 80%;
    height: 50px;
    padding: 10px;
    font-size: 20px;
}

img{
    height: 125px;
    width: 125px;
}

.weather-container{
    border-radius: 20px;
    text-align: center;
    background-color: rgba(67, 176, 180, 0.7);
    width: 700px;
    height: 700px;
    margin: auto;
    padding: 10px;
    border: 1px solid black; 
    box-shadow: 2px 2px  #1d1c1c;  
}
.city-title{
    color: white;
    font-weight: bold;
    text-shadow: 2px 2px #1d1c1c;
}
.city-detailes{
    font-family: tahoma;
    font-size: 35px;
    letter-spacing: 3px;
    color: white;
    text-shadow: 2px 2px #1d1c1c;

}