@import url("https://fonts.googleapis.com/css2?family=Nunito&display=swap");

.theme-text {
  color: #474af0;
}

.card-img-top {
  height: 200px;
  width: 100%;
}

.card {
  z-index: 1;
  overflow: hidden;
  transition: 0.5s;
}

.card:hover { color: black; }

.card::before {
  content: "";
  position: absolute;
  left: -100%;
  top: 0%;
  background: yellow;
  width: 100%;
  height: 100%;
  transition: 0.5s;
  z-index: -1;
}

.card:hover::before {
  left: 0%;
  color: white;
}

.container-fluid {
  background-image: url("blob-scene-haikei.svg");
  background-position: center;
  background-size: cover;
}