body{
  background-image: url('https://th.bing.com/th/id/OIP.nYj_kOmb_oIJAvQmN8ntEQHaE8?w=305&h=180&c=7&r=0&o=7&dpr=1.3&pid=1.7&rm=3');
  background-repeat: no-repeat;
  background-attachment:fixed ;
  background-position:center ;
background-size: cover ;
}

.page{
    display: flex;
    align-items: center;
    justify-content: center;
    justify-items: center;
    flex-direction: column;
    margin:100px ;
    gap: 80px;
    
}

.start-p{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap:15px ;
}

.s-bar{
    border-radius: 150px;
    width: 250px;
    padding: 15px 50px;
}

.w{
    color: purple;

}

.card{
    display: flex;
    justify-content: center;
    color: aqua;
    background-color: aliceblue;
    flex-direction: column;
    align-items: center;
    margin: 30px;
height: 200px;
width: 150px;
gap: 15px;
}

.temp{
background-color: beige;
}
button{
    padding:10px 20px;
    border:none;
    border-radius:20px;
    cursor:pointer;
}