body { 
    display:flex;
    flex-wrap:wrap;
    background: url('images/snow.jpg') no-repeat center center fixed;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding:0px;
    margin:3%;
    background-color:white;
} 


.leftpanel{
    display:flex;
    align-content:flex-start;
    gap:5px;
    flex-wrap:wrap;
    width:47%;
    height:auto;
}

.rightpanel{
    display:flex;
    flex-wrap:wrap;
    width:47%;
    justify-content:right;
    align-content:flex-start;
    height:auto;
}

/* leftpanel items */
.weather1{
    display:flex;
    width:100%;
    font-size:2.8rem;
}

.city1{
    display:flex;
    width:100%;
    font-size:1.8rem;
}

.temp1{
    display:flex;
    width:100%;
    font-size:2.5rem;
}

.search1{
    display:flex;
    width:100%;
    font-size:1.8rem;
}

.searchbut1{
    padding-left:5px;
    margin-left:5px;
}

.notfound1{
    display:flex;
    width:100%;
    font-size:1.5rem;
}

.date1{
    display:flex;
    width:100%;
    font-size:1.5rem;
}

/* rightpanel items */

.rightfield1{
    display:flex;
    justify-content:right;
    width:100%;
    font-size:1.3rem;
}

.rightfield2{
    display:flex;
    justify-content:right;
    width:100%;
    font-size:1.7rem;
}