#weatherdiv{
    position: relative;
}
img.icon {
    /*position: absolute;*/
    max-width: 100px;
    width: 60px;
    /*top: 10px;*/
    /*right: 10px;*/
    /*float: right;*/
}
span.img_span {
    width: 25%;
}
p.weather {
    padding: 10px 20px 0px 20px;
    text-transform: capitalize;
    font-weight: bold;
}
p.weather {
    display: flex;
    align-items: center;
    margin-bottom:0px;
}
.temprature
{
    line-height:70px;
    font-size:65px;
    font-weight:500 !important;
}
span.day_text {
    width: 75%;
    font-size: 20px;
}

p.humidity {
    display: flex;
    width: 100%;
    display: flex;
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
    font-size: 16px;
}
    .wbold{
        font-weight: bold;
        text-transform: capitalize;
    }

    p.wpclass{
        width: 100%;
        width: 100%;
        padding-right: 20px;
        padding-left: 20px;
        font-size: 15px;
    }