body{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background: rgb(167, 181, 209);
    font-family: 'Open Sans', sans-serif;
    background-image: url(Sunset-Sky-Clouds.jpg);
    background-position: center;
    background-repeat: none;
    background-size: cover;
    font-size: 110%;
}

h2{
    float: top;
}
.card {
    background: #000000d0;
    color:white;
    border-radius: 2rem;
    padding: 2rem;
width: 100%;
max-width: 20rem;
margin: 1em;
}


button {
    border: none;
    margin: .5rem;
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
    cursor: pointer;
}


.temp{
    font-size: 2rem;
    font-weight: 800;
}
.search-br{
    border: none;
    outline: none;
    padding: 0.8rem;
    border-radius: 2rem;
    background-color:#7c7c7c2b ;
    font-family: inherit;
    color: white;
}