/* .card, .col {
    height: 300px;
    opacity: 0.6;
} */

.data {
  color: black;
  font-weight: 700;
}

.background {
  background-image: url(./images/sunny1.jpg);
  background-repeat: no-repeat, repeat;

  background-image: url(./images/cloud1.jpg);
  background-repeat: no-repeat;
  background-size: cover;

  background-image: url(./images/coudwithsun.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

tr,
h1 {
  color: black;
  font-weight: bold;
}

nav {
  opacity: 0.7;
}

.navbar-brand,
form,
h2 {
  color: black;
  font-weight: bold;
}

h1 span,
h4 {
  color: black;
  font-weight: bold;
}

.card {
  margin: auto;
  border-radius: 25%;
  background-color: rgba(250, 238, 238, 0.318);
  height: 300px;
  border: none;
  backdrop-filter: blur(10px);
  box-shadow: 0 30px 20px 0 rgba(0, 0, 0, 2), 0 50px 90px 0 rgba(0, 0, 0, 0.3);
}

.table {
  margin: auto;
  border-radius: 10px;
  background-color: rgba(250, 238, 238, 0.318);
  height: 300px;
  border: none;
  backdrop-filter: blur(5px);
  box-shadow: 0 30px 20px 0 rgba(0, 0, 0, 2), 0 50px 90px 0 rgba(0, 0, 0, 0.3);
}

.time {
  z-index: 2;
  font-weight: 700;
}

.icons {
  height: 75px;
  width: 75px;
  margin-left: -10px;
}

#humidityIcon {
  margin-left: -31px;
  margin-bottom: 6px;
}

#sunriseIcon {
  margin-top: -15px;
}

#sunsetIcon {
  margin-top: -32px;
}