a {
  text-decoration: none;
}
.bi {
  cursor: pointer;
}

.w-fit {
  width: fit-content;
}

.image-profile {
  width: 50px;
  height: 50px;
  overflow: hidden;
}
.parent-icon {
  width: 30px;
  height: 30px;
}

.icon-location {
  color: white;
  animation: changeColorIcon 12s infinite steps(1);
}

/* .Temperature {
  font-size: 4.375rem;
} */
.image-temperature img {
  width: 100px;
}

.card {
  flex: 1 0 100%;
}
.search {
  caret-color: red;
}
.search:focus {
  box-shadow: none;
}
.search::placeholder {
  color: antiquewhite;
}

.card {
  min-height: 300px;
}
.nav {
  box-shadow: 0px -8px 20px 0px #fff;
  animation: flash 6s infinite linear;
}
.card {
  box-shadow: 0px 0px 3px 0px #ffffffc0;
}

@keyframes flash {
  0% {
    box-shadow: 0px -8px 20px 0px #fff;
  }
  50% {
    box-shadow: 0px -8px 20px 0px #f17f7fb1;
  }
  100% {
    box-shadow: 0px -8px 20px 0px #ffffff;
  }
}