.whole{
    height: 330px;
    width: 340px;
    background-color: rgb(163, 67, 163);
    border-radius: 15px;
    background: rgb(111, 54, 111);
    box-shadow: 0 8px 20px rgba(0,0,0,0.22);
}
body{
    background:linear-gradient(135deg,#1d2671,#c33764);
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;

}
input{
    height: 40px;
    width: 190px;
    border-radius: 18px;
    border: none;
}
#btn{
    width: 80px;
    height: 38px;
    border-radius: 20px;
    border: none;
    background-color: orange;
    color: black;
}
.title{
    text-align: center;
    color: white;
}
input{
    margin-left: 25px;
    padding-left: 10px;
}
#degree{
    font-size:40px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: white;
    text-align: center;
}
.humidity{
    padding-left: 10px;
}
.temp{
    display: flex;
    gap: 60%;
    color: white;
}
p{margin: 0;}
.weathercon{
    color: white;
    font-size:25px;
    text-align: center;
    padding-bottom: 40px;
}