html {
  height: 100%;
  width: 100%;
}

body {
  min-height: 100vh;

  background-image: url(images/background.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* .search{
   width:  200px;
  height: 23px;
}  */
.search-bar {
  width: 300px;
  height: 23px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  position: absolute;
  top: 200px;
  left: 585px;
  border-color: transparent;
}

.submit-location {
  position: absolute;
  top: 200px;
  left: 890px;
  width: 60px;
  background-color: #f3f3f3;
  border: none;
  height: 22px;
  border-radius: 13%;
  /* background:transparent; */
  display: flex;
  align-items: flex-start;

}

.submit-location1 {
  position: absolute;
  top: 200px;
  left: 950px;
  /* font-size:0.8rem; */
  width: 72px;
  background-color: #f3f3f3;
  border: none;
  height: 22px;
  /* display: flex;
  text-align:centre */

}

.place {
  width: 290px;
  height: 50px;
  /* background-color: yellow; */
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  position: relative;
  top: 260px;
  left: 620px;
  text-align: center;
}

.temperature {
  width: 260px;
  height: 50px;
  /* background-color: blue; */
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  position: relative;
  top: 305px;
  left: 615px;
  display: flex;
  justify-content: center;
  align-items: center;
  /* background-image: url(images/clouds.svg);
  background-image: url(images/north.svg);
  background-image: url(images/sunny.svg);
  background-position: left; */
  /* background-repeat: no-repeat;
  background-size:contain; */
}

/* card-date{
  width:270px;
  height:130px;
} */
.date-time {
  position: absolute;
  top: 410px;
  left: 606px;
}

.card-body {
  text-align: center;
}

.temp-image {
  position: absolute;
  width: 3.2rem;
  height: 3.2rem;
  left: 60px;
  /* font-size: 0.1rem; */
}
.png{
width: 5.2rem;
height: 5.2rem;
position: absolute;
left: 42px;

}

.temp-text {
  margin-left: 70px;
  /* margin-top: 10px; */
  font-size: 3rem;
  color: #2E8BC0;
}

/* .alert{
  width: 310px;
  height: 40px;
  position: absolute;
  top:140px;
  left: 590px;
} */